
/* -----------------------------------------------------------------
[Master Stylesheet]

Theme Name:  Rozana - from Creative WP.k
Description:  Rozana - Multi Purpose Bootstrap Retina Raedy Template
Version: 1.0 - initial release
Author:  Creative WP
Website:  http://creative-wp.com/demos/rozana

--------------------------------------------------------------------*/

/* -----------------------------------------------------------------
[Table Of Contents]

1. @Imports
	1.1  Style Sheet
	1.2 Google Fonts
2. Body
3. Reset
	3.1 General
	3.2 Links
	3.3 Forms
4. Private Stylesheet
5. Typography
6. Transition
7. Loading Page
8. CONTENT
	8.1 Sliding Menu
		- Menu
		- Slide Content
		- Navigation Icon
		- Logo in Menu
		- Accordian Menu
		- Menu Info
	8.2 Sections
		- Slide Panel Action
		- Detect Viewport
		- Full Width
		- Transparent Background
		- Animate
		- Header Contents (Titles)
		- Header For Darkness (Header On Backgrounds)
		- Buttons
		- Block Items
		- Ticker
		- What We Do
		- Portfolio
			- Tabs
			- Container
			- View More Button
			- Screen Shot
		- Our Team
			- Memeber Image
			- Text
			- Social Memeber
			- Hover Memeber
			- Control Carousal
		- Video Background
			- General
			- Disable Video
		- Fun Functions
		- Newsletter
		- Validation Form
		- Progress Bar
		- Clients
		- Back to top
	8.3 Footer
		- General
		- Contact Information
		- Social Network
		- Social Network 2
		- Post Footer
		- Links Footer
		- Tag Footer
		- Comment Footer
		- Flickr
		- Bottom Footer
9. One Page Parallax
		9.1 Welcome
		9.2 Block Items 2
		9.3 What We Do
		9.4 Progress Bar
		9.5 Pricing Table
			- Price Head
			- Price Tags
			- Features
		9.6 Get In Touch
			- Contact Info
		9.7 Footer
		9.10 Google Map
		9.11 Testimonials
10. Landing Page Parallax]
		10.1 What We Do
		10.2 Tabs
		10.3 Signup Buttons
		10.4 Overview
		10.5 Features
		10.6 Video Background
		10.7 Iframe
		10.8 Banner
		10.9 Clients
11. Inner Pages
		11.1 General
		11.2 About Us
		11.3 About Me
		11.4 Services
		11.5 Team
		11.6 Career
			- Career 1
			- Career 2
		11.7 Clients
		11.8 Portfolio
			- Portfolio 4 Gird
			- Portfolio With Text
				- Portfolio Container
				- Portfolio With Text Gird
			- Single Portfolio
		11.9 Blogs
			- Banner
			- Banner Image 
			- Blog Date
			- Divider
			- Breadcrumb
			- Description
			- Soundcloud
			- Blockquote
			- Gird
			-List
			-Masonry
				-Item
			- Single
			- Comments
		11.10 Branches
		11.11 Error Pages
			- Error 01
			- Error02
			- Error 03
		11.12 Faqs
			- Faq 01
			- Faq 02
			- Faq 03
		11.13 Login
			- Login 01
			- Login 02
			- Login 03
		11.14 Sign Up
			- Sign up 01
			- Sign up 02
			- Sign up 03
		11.15 Under Construction
			- Page 1
			- Page 2
			- Page 3
		11.16 Sitemap
			- Sitemap 01
			- Sitemap 02
		11.17 Register
12. Shortcodes]
		12.1 General
		12.2 Accordion
		12.3 Buttons
		12.4 Dividers
		12.5 Fancy Box
		12.6 Media
		12.7 Panels
		12.8 Pricing Tables
		12.9 Testimonials List
		12.10 Toggle
		12.11 Blockquote
13. Sidebar
		13.1 Search
		13.2 Heads
		13.3 Social Network
		13.4 Category
		13.5 Tabs
		13.6 Tags
		13.7 Vimeo
		13.8 Pricing Tables
		13.9 Testimonials List
		13.10 Toggle
		13.11 Blockquote
14. Other
--------------------------------------------------------------------*/


/* -------------------------------------------------------------------
1. [@imports]
--------------------------------------------------------------------*/

/* ===[Style Sheet] === */

@import "fontawesome/font-awesome.css";
@import "icomoon/icomoon.css";
@import "animate.css";
@import "jquery.videobackground.css";
@import "carousal/owl.carousel.css";
@import "carousal/owl.theme.css";
@import "font.css";


/* -------------------------------------------------------------------
2. [BODY]
--------------------------------------------------------------------*/
body
	{
		font: 13px/24px "Microsoft YaHei", Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	}

/* -------------------------------------------------------------------
3. [RESET]
--------------------------------------------------------------------*/
/*  == General == */

article,
aside,
details,
figcaption,
figure, 
footer,
header,
menu,
nav,
section
	{
	  display: block;
	}
	
/*  ==Links == */

a:hover,
a > *:hover,
a:visited,
a:link
	{
	  text-decoration: none;
	  outline: none;
	}

/*  ==Forms == */

input, 
textarea
	{
	  background: #fff;
	  border: 1px solid #dddddd;
	  color: #333;
	  font-size: 14px;
	  padding: 8px 5px;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	  border-radius: 0;
	}

select
	{
	  background: #fff;
	  border: 1px solid #dddddd;
	  color: #333;
	  font-size: 14px;
	  padding: 9px 5px;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	  border-radius: 0;
	}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:hover,
select:focus
	{
	  background: #fff;
	  color: #2a2a2a;
	}

input[type='submit']
	{
	  color: #fff;
	  font-size: 14px;
	  padding: 5px 10px;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	}

input[type='submit']:hover
	{
	  background: #333333;
	  border: 1px solid #333333 !important;
	}

textarea
	{
	  min-height: 100px;
	}
input:focus 
	{
		outline:none;
	}
	
/* !General Forms  !*/
.forms textarea 
	{
		width:100%;
		background:#f8f8f8;
		border:1px solid #e8e8e8;
	}

.forms input,
.forms select 
	{
		width:100%;
		background:#f8f8f8;
		border:1px solid #e8e8e8;
		margin-bottom:20px;
	}

.forms input[type="hidden"], 
.forms input[type="submit"]
	{
		width:100px;
		background: none;
		border-style:solid;
		border-width:1px;
		margin-bottom:20px;
		float:right;
		color:#2a2a2a;
		text-transform:uppercase;
	}

.forms p 
	{
		font-weight:300;
		font-size:16px;
	}

.forms span 
	{
		color:red;
	}

.forms button 
	{
		float:right;
		margin-bottom:0px;
		background:#ffffff;
		color:#2a2a2a;
		text-transform:uppercase;
		border-style:solid;
		border-width:1px;
		padding: 0px 20px 0px 0px;
		line-height:36px;
		margin-top:20px
	}

.forms button:hover 
	{
		border-color:#2a2a2a;
	}

.forms button:hover i
	{
		background:#2a2a2a;
	}

.forms button i 
	{
		float:left;
		color:#fff;
		margin-right:20px;
		font-size:16px;
		padding:10px;
	}



/* -------------------------------------------------------------------
4. [PRIVATE STYLESHEET]
--------------------------------------------------------------------*/

.clearfix
	{
	  display: block;
	  display: inline-block;
	  *zoom: 1;
	}

.clear
	{
	  clear: both;
	  display: block;
	  height: 0px;
	  width: 100%;
	  overflow: hidden;
	}

hr
	{
	  background: #dddddd;
	  height: 1px;
	  border: none;
	  width: 100%;
	  float: left;
	  margin: 40px 0 40px 0;
	  display:block;
	}

.font-18{
	font-size: 18px;
}

.font-14{
	font-size: 14px;
}

.color-333{
	color: #333333;
}

.pad-bottom-80{
	padding-bottom: 80px;
}

.pad-top-bottom 
	{
		padding-top:50px;
		padding-bottom:50px;
		margin:0 auto;
	}

.pad-top-bottom-250 
	{
		padding-top:250px;
		padding-bottom:250px;
		margin:0 auto;
	}

.pad-top-100-bottom-80  
	{
		padding:100px 0 80px 0;
	}

.pad-top-100-bottom-60  
	{
		padding:100px 0 60px 0;
	}

.pad-40 
	{
		padding-top:40px;
		padding-bottom:40px;
	}

.pad-top-100 
	{
		padding-top:100px;
	}

.pad-top-80 
	{
		padding-top:80px;
	}

.pad-top-60 
	{
		padding-top:60px;
	}

.pad-top-40 
	{
		padding-top:40px;
	}

.pad-top-20 
	{
		padding-top:20px;
	}

.marg-bottom-20 
	{
		margin-bottom:20px;
	}

.marg-bottom-40 
	{
		margin-bottom:40px;
	}

.no-margin 
	{
		margin:0;
	}

.no-padding-left 
	{
		padding-left:0px;
	}

.marg-auto 
	{
		margin:0 auto;
	}

.marg-divider 
	{
		margin-bottom:40px;
		padding-bottom:40px;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}

.flt-l 
	{
		float:left;
		 margin: 0 60px 20px 0;
	}

.flt-r 
	{
		float:right;
		 margin: 0 0 20px 60px;
	}
	
.flt-right 
	{
		float:right;
		text-align:right;
	}

.flt-left 
	{
		float:left;
		text-align:left;
	}


/* -------------------------------------------------------------------
5. [TYPOGRAPHY]
--------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6
	{
	  margin-bottom: 20px;
	  line-height:24px;
	}
h1
	{
	  font-size: 38.5px;
	  font-weight: 400;
	}

h2
	{
	  font-size: 31.5px;
	  font-weight: 400;
	}

h3
	{
	  font-size: 24.5px;
	  font-weight: 400;
	}

h4
	{
	  font-size: 18.5px;
	  font-weight: 400;
	}

h5
	{
	  font-size: 14.5px;
	  font-weight: 300;
	}

h6
	{
	  font-size: 12.5px;
	  font-weight: 300;
	}

p
	{
	  margin-bottom: 10px;
	  line-height: 24px;
	}

/* -------------------------------------------------------------------
6. [TRANSITION]
--------------------------------------------------------------------*/

a,
a > *
	{
	  -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
	  -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
	  -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
	  -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
	  transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
	  outline: none;
	  text-decoration: none;
	}

.block-item i,
.block-item2 i,
.what-we-do ul li i,
button,
.cricle-process,
.clients img,
.what-we-do-2 i,
.forms button,
.forms button i,
.btn-icon,
.btn-icon i,
.block-item3,
input,
textarea,
.breadcrumb-blog span,
.question span
	{
		transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
	}



/* -------------------------------------------------------------------
7. [LOADING PAGE]
--------------------------------------------------------------------*/

#loading
	{ 
		position: fixed; 
		top: 0; 
		width:100%; 
		height:100%; 
		background: #ffffff; 
		z-index: 999999; 
		display: block !important;
	}

#loading img 
	{ 
		position: fixed; 
		top: 50%; 
		left: 50%; 
		margin: -25px 0 0 -25px;
	}

/* -------------------------------------------------------------------
8. [CONTENT]
--------------------------------------------------------------------*/
/*  == Sliding Menu == */

/* ! Menu ! */
.menu 
	{
		width: 280px;
		height: 100%;
		position: fixed;
		top: 0;
		left: -220px;
		z-index: 100;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
	}

.menu.show-menu 
	{
		left: 0px;
	}

/* ! Slide Content ! */
.slidemeu-content 
	{
		background: rgba(26,26,26,1);
		width: 220px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 60px;
		overflow-y:auto;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		-webkit-box-shadow: inset -4px 0px 10px -1px rgba(0,0,0,0.42);
		-moz-box-shadow: inset -4px 0px 10px -1px rgba(0,0,0,0.42);
		-o-box-shadow: inset -4px 0px 10px -1px rgba(0,0,0,0.42);
		box-shadow: inset -4px 0px 10px -1px rgba(0,0,0,0.42);
	}
.slide_animate 
	{
		position: relative;
		overflow-x: hidden;
		left: 0;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
	}

.slide-right 
	{
		left: 220px;
	}

/* ! Navigation Icon ! */
#overflow-icon 
	{
		background:url(../img/navigation.png) center center no-repeat rgba(0,0,0,0.4);
		cursor: pointer;
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 20px;
		right: 0;
		z-index: 101;
		transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
	}

#overflow-icon:hover 
	{
		background:url(../img/navigation.png) center center no-repeat rgba(0,0,0,0.8);
	}


/* ! Logo in Menu ! */
.logo
	{
		display:block;
		width:100%;
		text-align:center;
		margin:80px 0;
	}

/* ! Accordian Menu ! */
#accordian 
	{
		width: 100%;
		margin:0 auto;
	}

#accordian ul 
	{
		margin:0 auto;
		padding:0;
	}

#accordian h3 
	{
		text-align:center;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}

#accordian h3 a 
	{
		color:#fff;
		font-weight:300;
		font-size:16px;
		text-align:center;
		margin:0 auto;
		padding:14px 0;
		display:block;
		outline:none;
		border:none;
	}

#accordian li 
	{
		list-style-type: none;
		margin:0;
		padding:0;
	}

#accordian ul ul li a 
	{
		color: #a9a9a9;
		text-decoration: none;
		font-size: 14px;
		font-weight:300;
		display: block;
		padding: 0px 15px;
		transition: all 0.15s;
		position: relative;
		text-transform:uppercase;
		line-height:40px;
	}

#accordian ul ul li a:hover 
	{
		background: #313131;
		border-left-width:5px;
		border-left-style:solid;
	}

#accordian ul ul li a i 
	{
		margin-right:10px;
	}

#accordian ul ul 
	{
		display: none;
	}

#accordian li.active>ul 
	{
		display: block;
	}

#accordian ul ul ul 
	{
		margin-left: 15px; border-left: 1px dotted rgba(0, 0, 0, 0.5);
	}

#accordian a:not(:only-child):after 
	{
		content: "\f107";
		font-family: fontawesome;
		position: absolute; right: 10px; top: 0;
		font-size: 14px;
	}

#accordian .active>a:not(:only-child):after 
	{
		content: "\f104";
	}

/* ! Menu Info ! */

.menu-info 
	{
		margin-top:40px;
		text-align:center;
		font-size:14px;
	}

.menu-info div:first-child 
	{
		margin-bottom:40px;
	}

.menu-info div i 
	{
		display:block;
		width:42px;
		height:40px;
		line-height:40px;
		font-size:18px;
		color:#a9a9a9;
		text-align:center;
		background:#2c2c2c;
		margin:0 auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

.menu-info div span 
	{
		margin-top:10px;
		display:inline-block;
	}

/* == Sections ==*/

/* !  Slide Panel Action ! */
#full-page
	{
		overflow: hidden;
	}

/* ! Detect Viewport  ! */
#home-header 
	{
		display:block;
		height:100%;
		overflow:hidden;
	}

#home-header .container 
	{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		max-width: 100%;
	}

/* ! Full Width  ! */
.full-width 
	{
		width:100%;
		height:auto;
		position:relative;
	}

.full-width .container 
	{
		z-index:2;
	}

/* ! Transparent Background  ! */
.transparent-bg 
	{
		position: relative;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		z-index: auto;
		top:0;
		right:0;
	}

/* ! Banner Styles  ! */
.title-slide-bold 
	{
		text-transform:uppercase;
	}
	
.rev-h1 h1
	{
		background:#000;
		padding:15px 20px;
		text-transform:uppercase;
		color:#fff;
	}

.rev-h1-dark h1
	{
		color:#2a2a2a;
		font-size:56px;
		text-transform:uppercase;
	}

.rev-h1-dark span 
	{
		color:#ababab;
	}

.rev-h1-dark h3 i
	{
		font-size:60px;
	}

.big-bg 
	{
		padding:20px 60px;
		border-bottom:10px solid #2a2a2a;
	}

.two-line h1 span {
	font-size:90px;
	line-height:100px;
}

.rev-h1 h2
	{
		background:#000;
		padding:15px 20px;
		text-transform:uppercase;
	}
	
.rev-h1 h4 a
	{
		padding:10px 40px;
		text-transform:uppercase;
		color:#fff;
		border-width:2px;
		border-style:solid;
		margin:0 10px;
	}

.rev-h1 h4 a.lines
	{
		padding:10px 40px;
		text-transform:uppercase;
		color:#fff;
		border:2px solid #fff;
		background: none;
	}
	
.white-text h1, .two-line h1, .rev-h1 h3
	{
		color:#fff;
		text-transform:uppercase;
	}

.rev-h1 h3
	{	
		font-weight:300;
	}
	
.white-text p
	{
		color:#fff;
		text-transform:uppercase;
		font-size:28px;
		line-height:34px;
	}
	

/* ! Animate  ! */
.animated
	{
		visibility:hidden;
	}

.visible
	{
		visibility:visible;
	}

/* ! Header Contents  ! */

header 
	{
		margin:0 0 80px 0;
		display:block;
		width:100%;
	}

header h1 
	{
		text-transform:uppercase;
		font-weight:400;
		line-height:48px;
	}

header h5 
	{
		font-weight:400;
		font-size:16px;
	}

/* ! Header for Darkness  ! */
.darkness header h1,
.darkness header h5,
.darknessh1,
.darkness h2,
.darkness h3,
.darkness h4,
.darkness h5 
	{
		color:#ffffff;
	}

span.line 
	{
		display: block;
		margin: 0px 0px 20px;
		text-align: center;
	}

span.line span 
	{
		width: 120px;
		height: 2px;
		display: inline-block;
	}


/* ! Buttons  ! */

a.slide-btn 
	{
		color:#ffffff;
		text-transform:uppercase;
		font-size:14px;
		padding:6px 24px;
		border-width:1px;
		border-color:#ffffff;
		border-style:solid;
	}

.slide-btn i 
	{
		margin-right:10px;
	}
	
.fontawesome-btn 
	{
		margin-top:40px;
	}

.fontawesome-btn i 
	{
		font-size:90px;
		color:#ffffff;
		-webkit-animation: flash 4s infinite;
		-moz-animation: flash 4s infinite;
		animation: flash 4s infinite;
	}

.fontawesome-btn2 
	{
		margin-top:40px;
	}

.fontawesome-btn2 i 
	{
		font-size:60px;
		line-height:70px;
		color:#ffffff;
		-webkit-animation: flash 4s infinite;
		-moz-animation: flash 4s infinite;
		animation: flash 4s infinite;
		width:70px;
		height:70px;
		border:2px solid rgba(255,255,255,0.5);
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%; 
	}

/* ! Block Items  ! */

.block-item i 
	{
		width:70px;
		height:70px;
		display:block;
		text-align:center;
		font-size:36px;
		line-height:70px;
		border-style:solid;
		border-width:2px;
		margin: 0 auto;
		margin-bottom:20px;
	}

.block-item:hover i 
	{
		color:#ffffff;
	}

.block-item i.active 
	{
		color:#ffffff;
	}

.block-item h3 
	{
		text-transform:uppercase;
		font-weight:300;
	}

.square-btn 
	{
		padding:0px 18px;
		font-size:12px;
		text-transform:lowercase;
	}

.block-item a 
	{
		border-style:solid;
		border-width:1px;
		margin-top:10px;
		display:inline-block;
	}

.block-item:hover a 
	{
		color:#ffffff;
	}

/* ! Ticker ! */

#fade {
	list-style:none;
	margin:0;
	padding:0;
}

#fade h1 {
	text-transform:uppercase;
}

/* ! What We Do  ! */

.what-we-do 
	{
		background: url(../img/background/what_we_do.jpg) center center #222;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

.what-we-do .transparent-bg 
	{
		background:rgba(0,0,0,0.6);
	}

.what-we-do i 
	{
		width:80px;
		height:80px;
		color:#ffffff;
		border-style:solid;
		border-width:2px;
		border-color:#fff;
		display:inline-block;
		line-height:80px;
		font-size:28px;
		text-align:center;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%; 
	}

.what-we-do ul 
	{
		margin:0;
		padding:0;
		list-style-type:none;
		margin-top:20px;
	}

.what-we-do ul li 
	{
		padding:0;
		margin:0 0 40px 0;
		font-size:24px;
		font-weight:300;
		line-height:80px;
	}

.what-we-do ul.flt-right li i 
	{
		margin-left:20px;
		float:right;
	}

.what-we-do ul.flt-left li i 
	{
		margin-right:20px;
		float:left;
	}

.darkness ul li 
	{
		color:#ffffff;
	}

/* ! Portfolio  ! */

/*- Tabs -*/
.portfolioFilter ul 
	{
		width:100%;
		text-align:center;
		padding:0;
		margin-bottom:40px;
		list-style:none;
	}

.portfolioFilter ul li 
	{
		display:inline-block;
		margin:0 0.5px 20px 0;
		padding:0;
		text-align:center;
	}

.portfolioFilter ul li:last-child 
	{
		margin-right:0px;
	}

.portfolioFilter ul li a 
	{ 
		padding:8px 22px;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:300;
		font-size:15px;
		outline:none;
		border:none;
	}

.portfolioFilter ul li.active>a,
.portfolioFilter ul li.active>a:hover,
.portfolioFilter ul li.active>a:focus 
	{
		color:#fff;
	}

.portfolioFilter a.current 
	{ 
		color:#fff;
		background-image:url(../img/tabs.png);
		background-repeat:no-repeat;
		background-position:100% 100%;
		border:none;
		padding:8px 22px 16px 22px;
		text-decoration:none;
	}

.isotope-item img 
	{
		margin:0px;
		 vertical-align: bottom;
	}
 
.isotope-item 
	{
		z-index: 2;
	}
	
.isotope-hidden.isotope-item 
	{
		pointer-events: none;
		z-index: 1;
	}
	
.isotope,
.isotope .isotope-item 
	{
		 -webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}
	
.isotope 
	{
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		transition-property: height, width;
	}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/*- Portfolio Container -*/
.portfolioContainer 
	{
		margin: auto;
		padding:0px;
		width:100%;
		min-height:100%;
		overflow:hidden;
	}

div.portfolio-sample 
	{
		display:inline-block;
		width:33%;
		text-align:center;
		position:relative;
		margin:0;
		padding:0;
		float:left;
		background-color:#000000;
		overflow:hidden;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition:all   0.5s ease-in-out;
		 -o-transition: all  0.5s ease-in-out;
		transition: all   0.5s ease-in-out;
		-webkit-backface-visibility: hidden;
		/*-webkit-perspective: 1000;*/
	}

.portfolio-sample img
	{
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		width:100%;
		display:block;
		position:relative;
		margin:0;
		padding:0;
		outline:none;
		border:none;
		transition: all .25s ease-in-out;
		-webkit-filter: grayscale(0);
		vertical-align: bottom;
	}
	
.portfolio-sample h3,  .portfolio-sample h5
	{
		text-transform:uppercase;
	}

.portfolio-sample img:hover
	{
		-webkit-filter: grayscale(1);
		/* filter: gray; */ /* IE6-9 */
	}

.portfolio-sample figure 
	{
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}


.portfolio-sample figcaption 
	{
		margin:0 auto;
		padding:0;
	}

.portfolio-sample .overlay 
	{
		color:#ffffff;
		opacity:0;
		position:absolute;
		top:0px;
		width:100%;
		text-align:center;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		margin: 0 auto;
	}

.portfolio-sample .overlay h3 
	{
		color:#ffffff;
		text-transform:uppercase;
		font-weight:300;
	}
.portfolio-sample .overlay h5 
	{
		color:#a9a9a9;
		text-transform:uppercase;
	}

.portfolio-sample .overlay a 
	{
		color:#ffffff;
		margin-right:4px;
	}

.portfolio-sample .overlay a:last-child
	{
		margin-right:0px;
	}

.portfolio-sample .overlay i
	{
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		font-size: 18px;
		text-align: center;
		top: 50%;
		width: 40px;
		height:40px;
		line-height: 40px;
	}

.portfolio-sample:hover .overlay 
	{
		top:50%;
		opacity:1;
		transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
	}

.portfolio-sample:hover img 
	{
		opacity:0.2;
		-webkit-transform:scale(1.3) rotate(3deg);
		-moz-transform:scale(1.3)rotate(3deg);
		-ms-transform:scale(1.3)rotate(3deg);
		-o-transform:scale(1.3)rotate(3deg);
		transform:scale(1.3)rotate(3deg);
	   -webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   filter: grayscale(100%);
	   /* filter: gray; */ /* IE 6-9 */
	
	}

.no-hover.portfolio-sample:hover img 
	{
		opacity:0.2;
		-webkit-transform:scale(1) rotate(0deg);
		-moz-transform:scale(1) rotate(0deg);
		-ms-transform:scale(1) rotate(0deg);
		-o-transform:scale(1) rotate(0deg);
		transform:scale(1) rotate(0deg);
	   -webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   filter: grayscale(100%);
	   /* filter: gray; */ /* IE 6-9 */
	}

/*- View More Btn -*/

.view-more a 
	{
		padding:6px 20px;
		color:#ffffff;
		text-transform:uppercase;
		display:inline-block;
	}

.view-more a:hover
	{
		color:#fff;
	}

/*  Screen Shot */

.portfolio-sample-2 img 
	{
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		width:100%;
		display:block;
		position:relative;
		margin:0;
		padding:0;
		outline:none;
		border:none;
		transition: all .25s ease-in-out;
		-webkit-filter: grayscale(0);
		vertical-align: bottom;
	}

.portfolio-sample-2 img:hover 
	{
		-webkit-filter: grayscale(1);
		/* filter: gray; */ /* IE6-9 */
	}

.portfolio-sample-2 figure 
	{
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}

.portfolio-sample-2 figcaption 
	{
		margin:0 auto;
		padding:0;
	}

.portfolio-sample-2 .overlay 
	{
		color:#ffffff;
		opacity:0;
		position:absolute;
		top:0px;
		width:100%;
		text-align:center;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		margin: 0 auto;
	}

.portfolio-sample-2 .overlay a 
	{
		color:#ffffff;
		margin-right:4px;
	}

.portfolio-sample-2 .overlay a:last-child 
	{
		margin-right:0px;
	}

.portfolio-sample-2 .overlay i
	{
		border-width:1px;
		border-style:solid;
		font-size: 18px;
		text-align: center;
		top: 50%;
		width: 40px;
		height:40px;
		line-height: 40px;
	}

.portfolio-sample-2:hover .overlay 
	{
		top:45%;
		opacity:1;
	}

/* ! OUR TEAM  ! */

.team-member
	{
		width:100%;
		padding:40px 10px;
		margin:60px 0 0 0;
	}

/*- Image Member -*/
.img-member 
	{
		margin:-100px 0 0 0;
		padding:0;
		text-align:center;
	}

.img-member img 
	{
		width:150px;
		height:150px;
	}

/* Text */
.team-member h3 
	{
		text-transform:uppercase;
		margin-bottom:10px;
	}

.team-member h5 
	{
		font-weight:300;
		color:#8a8a8a;
		text-transform: uppercase;
	}

/* Socials Member */
.team-member ul 
	{
		margin:0;
		padding:0;
		list-style:none;
	}

.team-member ul li 
	{
		display:inline-block;
		margin:20px 3px 0 3px;
	}

.team-member ul li a 
	{
		display:inline-block;
		color:#2a2a2a;
		font-size:18px;
		width:30px;
		height:30px;
		line-height:30px;
		background:#dddddd;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

/* Hover Member */
.team-member:hover ul li a 
	{
		color:#ffffff;
		background:#2a2a2a;
	}

.team-member:hover ul li a:hover i 
	{
		color:#ffffff;
	}

/* Control Carousal */
#owl-demo .owl-controls .owl-pagination .owl-page.active,
#owl-demo3 .owl-controls .owl-pagination .owl-page.active 
	{
		transform: scale(1.4);
		background: none repeat scroll 0% 0% transparent;
	}

#owl-demo .owl-controls .owl-pagination .owl-page,
#owl-demo3 .owl-controls .owl-pagination .owl-page 
	{
		width: 12px;
		height: 12px;
		display: inline-block;
		margin: 0px 5px;
		border-radius: 50%;
		transition: all 0.3s ease 0s;
	}

#owl-demo .owl-controls .owl-page span 
	{
		display:none;
	}

#owl-demo4 .owl-controls .owl-pagination .owl-page.active 
	{
		transform: scale(1.4);
		background: none repeat scroll 0% 0% transparent;
	}

.service-block .owl-controls .owl-pagination .owl-page
	{
		width: 8px;
		height: 8px;
		display: inline-block;
		margin: 0px 10px;
		border-radius: 50%;
		transition: all 0.3s ease 0s;
		position:relative;
	}

.service-block .owl-theme .owl-controls .owl-page span 
	{
		background:#fff;
		filter: Alpha(Opacity=80);
		opacity: 0.8;
	}

.service-block .owl-theme .owl-controls
	{
		margin-top: 0px;
		text-align: center;
		position:absolute;
		right:5%;
		bottom:10px;
	}

/* ! VIDEO BACKGROUND BANNER  ! */

/*  General */
.video-bg 
	{
		position:relative;
		overflow:hidden;
	}

.video-bg h1, .video-bg h4 
	{
		color:#ffffff;
	}

.video-bg h4 
	{
		margin-bottom:80px;
		font-weight:300;
	}

.video-wrapper 
	{
		position:relative;
		overflow:hidden;
	}

/*.mb_YTVPTime, .mb_YTVPUrl ytpicon, .buttonBar
	{
		display:none;
	}*/

.video-text 
	{
		position:relative;
		z-index:12;
	}

.video-bg .transparent-bg 
	{
		background:rgba(0,0,0,0.3);
		padding:100px 0;
	}

/* For Disable Youtube Video */
.videobg 
	{
		ackground-image: url(../img/background/video_bg.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		backface-visibility:hidden;
		z-index:0 !important;
	}

.hide 
	{
	  display: none;
	}

/* ! FUN FUNCTIONS NUMBERS  ! */

.fun-facts 
	{
		padding:20px;
		border-width:1px;
		border-style:solid;
	}

.icon-facts 
	{
		margin-top:-36px;
		margin-bottom:40px;
		display:block;
		background:transparent;
	}

.icon-facts i 
	{
		font-size:30px;
		padding:0 20px;
		display:inline-block;
		text-align:center;
	}

.fun-facts h5 
	{
		font-weight:300;
		text-transform: uppercase;
		font-size:18px;
	}

/* ! NEWSLETTER  ! */

.newsletter 
	{
		background-image: url("../img/slider/nice.jpg");
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:1;
		position:relative;
	}

.newsletter .transparent-bg 
	{
		background:rgba(0,0,0,0.8);
	}

.newsletter input 
	{
		width:600px;
		border-width:1px;
		border-style:solid;
		border-color:#cccccc;
		padding:10px 20px;
		color:#fff;
		background:none;
		font-size:16px;
		font-weight:300;
	}

.newsletter input:focus 
	{
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		color:#fff;
		font-style:italic;
	}

.newsletter button 
	{
		border: none;
		padding:11px 20px;
		color:#ffffff;
		font-size:16px;
		text-transform:uppercase;
		font-weight:300;
		margin-left:10px;
	}

.newsletter button i 
	{
		margin-left:10px;
	}


.newsletter button:hover 
	{
		background:#2a2a2a;
	}

/* ! Validation */
.loading 
	{
		float:right; 
		background:url(../img/progress.gif) no-repeat 1px; 
		height:31px; 
		width:31px; 
		display:none;
		margin-top:8px;
		margin-left:10px;
	}

.done 
	{
		background:#dff0d8;
		border:1px solid #d6e9c6;
		font-size:14px; 
		width:100%;
		color:#468847;
		margin:0 auto; 
		display:none;
		padding:10px 5px;
	}

.newsletter .done 
	{
		background: none;
		border:1px solid #468847;
		font-size:14px; 
		width:100%;
		color:#468847;
		margin:0 auto; 
		display:none;
		padding:10px 5px;
		margin-bottom:10px;
	}
	

.newsletter .element 
	{
		display:inline-block;
	}

.element .error 
	{
		border:2px solid #9F1319;
		background:url(../img/iconCaution.png) no-repeat 98% 50%;
	}

/* ! PROGRESS BAR  ! */
.process-bg 
	{
		min-height:200px;
		padding-bottom:100px;
	}

.cricle-process 
	{
		width:160px;
		height:160px;
		display:table-cell;
		vertical-align:middle;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-transform:uppercase;
		font-weight:300;
	}

.cricle-process i 
	{
		font-size:40px;
		margin-top:26px;
	}

.cricle-process:hover, 
.cricle-process:hover h4 
	{
		color:#ffffff;
		border:none;
	}

/* ! CLIENTS  ! */

.clients 
	{
		background-image: url(../img/background/clients.jpg);
		background-repeat:no-repeat;
		background-position:center bottom;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:1;
		position:relative;
	}

.clients .transparent-bg 
	{
		background:rgba(0,0,0,0.7);
	}

.clients #owl-demo2 .owl-controls .owl-pagination,
.clients #owl-demo2 .owl-controls .owl-page span 
	{
		display:none;
		margin:0;
		padding:0;
	}

.clients .owl-theme .owl-controls 
	{
		margin:0;
		padding:0;
	}

.clients img 
	{
		opacity: 0.8;
		filter: alpha(opacity=80); /* For IE8 and earlier */
		margin:0 auto;
	}

.clients img:hover 
	{
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	}

/* ! BACK TO TOP  ! */

#back-top 
	{
	  position: fixed;
	  bottom: 30px;
	  right: 30px;
	  z-index:9;
	}

#back-top a 
	{
	  width: 50px;
	  display: block;
	  text-align: center;
	  -webkit-transition: 1s;
	  -moz-transition: 1s;
	  transition: 1s;
	  outline:none;
	  border:none;
	}

#back-top a:hover, #back-top a:focus 
	{
		text-decoration:none;
	}

#back-top a:hover 
	{
	  color: #999999;
	}

/* arrow icon (span tag) */

#back-top i 
	{
	  width: 50px;
	  height: 50px;
	  display: block;
	  margin-bottom: 7px;
	  -webkit-transition: 1s;
	  -moz-transition: 1s;
	  transition: 1s;
	  color:#ffffff;
	  font-size:30px;
	  line-height:50px;
	}

/* ! FOOTERS  ! */

/* General */
footer 
	{
		width:100%;
		margin:0  auto;
		color:#a9a9a9;
		clear:both;
		position: relative;
		bottom: 0;
	}

.top-footer 
	{
		background:#1b1b1b;
		width:100%;
		height:100%;
		padding:60px 0;
	}

.top-footer h4 
	{
		text-transform:uppercase;
		color:#ffffff;
	}

/* Contact information */

.contact-information-footer 
	{
		padding:0;
		margin:0;
		list-style-type:none;
	}

.contact-information-footer li 
	{
		display:block;
		margin-bottom:10px;
	}

.contact-information-footer li i 
	{
		font-size:18px;
		margin-right:10px;
	}

/* Social network  */
.social-network-footer 
	{
		padding:0;
		margin:0;
		list-style-type:none;
	}

.social-network-footer li 
	{
		display: inline-block;
		margin:0px 2px 5px 0;
	}

.social-network-footer li i 
	{
		display:inline-block;
		width:45px;
		height:45px;
		line-height:45px;
		background:#464646;
		color:#9a9a9a;
		text-align:center;
		font-size:22px;
	}

.social-network-footer li a:hover i.fa-facebook 
	{
		color:#ffffff;
		background:#3b5998;
	}

.social-network-footer li a:hover i.fa-twitter 
	{
		color:#ffffff;
		background:#00aced;
	}

.social-network-footer li a:hover i.fa-dribbble 
	{
		color:#ffffff;
		background:#E44885;
	}

.social-network-footer li a:hover i.fa-linkedin 
	{
		color:#ffffff;
		background:#007bb6;
	}

.social-network-footer li a:hover i.fa-google-plus 
	{
		color:#ffffff;
		background:#dd4b39;
	}

.social-network-footer li a:hover i.fa-youtube 
	{
		color:#ffffff;
		background:#bb0000;
	}

.social-network-footer li a:hover i.fa-rss 
	{
		color:#ffffff;
		background:#FFA133;
	}

.social-network-footer li a:hover i.fa-skype
	{
		color:#ffffff;
		background:#36c4f3;
	}

.social-network-footer li a:hover i.fa-apple 
	{
		color:#ffffff;
		background:#cdcccc;
	}

.social-network-footer li a:hover i.fa-android 
	{
		color:#ffffff;
		background:#c5df9c;
	}

.social-network-footer li a:hover i.fa-soundcloud 
	{
		color:#ffffff;
		background:#f50;
	}

.social-network-footer li a:hover i.fa-behance 
	{
		color:#ffffff;
		background:#1aace3;
	}

.social-network-footer li a:hover i.fa-vimeo-square 
	{
		color:#ffffff;
		background:#74ccdb;
	}

.social-network-footer li a:hover i.instagram 
	{
		color:#ffffff;
		background:#c7c5b3;
	}

.social-network-footer li a:hover i.fa-pinterest 
	{
		color:#ffffff;
		background:#f16261;
	}

.social-network-footer li a:hover i.fa-tumblr
	{
		color:#ffffff;
		background:#4d7ea3;
	}

.social-network-footer li a:hover i.fa-windows
	{
		color:#ffffff;
		background:#90cadd;
	}

.social-network-footer li a:hover i.fa-paypal 
	{
		color:#ffffff;
		background:#4aa1d9;
	}

.social-network-footer li a:hover i.fa-deviantart 
	{
		color:#ffffff;
		background:#95a696;
	}

.social-network-footer li a:hover i.fa-digg 
	{
		color:#ffffff;
		background:#457e9b;
	}

.social-network-footer li a:hover i.fa-lastfm 
	{
		color:#ffffff;
		background:#be1938;
	}

/* Social network 2 */

.social-network-footer_2 
	{
		padding:0;
		margin:0;
		list-style-type:none;
		float:right;
	}

.social-network-footer_2 li 
	{
		display: inline-block;
		margin:0px 10px 0px 0;
	}

.social-network-footer_2 li i 
	{
		display:inline-block;
		color:#666666;
		text-align:center;
		font-size:18px;
	}

.social-network-footer_2 li a:hover i.fa-facebook 
	{
		color:#3b5998;
	}

.social-network-footer_2 li a:hover i.fa-twitter 
	{
		color:#00aced;
	}

.social-network-footer_2 li a:hover i.fa-dribbble 
	{
		color:#E44885;
	}

.social-network-footer_2 li a:hover i.fa-linkedin 
	{
		color:#007bb6;
	}

.social-network-footer_2 li a:hover i.fa-google-plus 
	{
		color:#dd4b39;
	}

.social-network-footer_2 li a:hover i.fa-youtube 
	{
		color:#bb0000;
	}

.social-network-footer_2 li a:hover i.fa-rss 
	{
		color:#FFA133;
	}

/* Post Footer */

.post-footer 
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}

.post-footer li 
	{
		border-bottom:1px solid #232323;
		width:100%;
		display:block;
		padding:8px 0;
	}

.post-footer li:first-child 
	{
		padding-top:0px;
	}

.post-footer li:last-child 
	{
		border-bottom:none;
		padding-bottom:0px;
	}

.post-footer li a 
	{
		color:#a9a9a9;
	}

.post-footer li i 
	{
		margin-right:10px;
	}

/* Links Footer */

.no-border li
	{
		border-bottom:none;
		padding:2px 0;
	}

/* Tags Footer */

.tags-footer 
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}

.tags-footer li 
	{
		display: inline-block;
		float:left;
		margin-right:3px;
		margin-bottom:5px;
	}


.tags-footer li:last-child 
	{
		margin-right:0px;
		margin-bottom:0px;
	}

.tags-footer li a 
	{
		color:#a9a9a9;
		background:#464646;
		text-transform:capitalize;
		padding:4px 15px;
	}

.tags-footer li a:hover 
	{
		color:#fff;
	}
	
/* Comment Footer */

.comment-footer 
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}

.comment-footer li 
	{
		display: inline-block;
		float:left;
		margin:0 0 10px 0;
	}


.comment-footer li:last-child 
	{
		margin-bottom:0px;
	}

.comment-footer li a img 
	{
		float:left;
		border-color:#666666;
		border-width:1px;
		border-style:solid;
		float:left;
		margin:0 10px 5px 0;
		height:40px;
		width:40px;
		opacity:0.9;
	}

.comment-footer li a:hover img 
	{
		opacity:1;
	}

.comment-footer li a 
	{
		color:#a9a9a9;
	}

/* Flickr */

#basicuse 
	{
		margin:0 auto;
		padding:0;
		list-style-type:none;
	}

.bx_flicker a img
	{
		border-color:#666666;
		border-width:1px;
		border-style:solid;
		float:left;
		margin:0 3px 3px 0;
		height:66px;
		width:66px;
		opacity:0.9;
		position:relative;
		z-index:1;
	}

.bx_flicker a img:hover 
	{
		opacity:1;
		border-width:2px;
		position: relative;
		z-index:2;
	}

/* !== Bottom Footer ==! */

.bottom-footer 
	{
		background:#131313;
		width:100%;
		height:100%;
		padding:20px 0;
		text-transform:capitalize;
	}

.bottom-footer p 
	{
		margin:0;
		padding:0;
		color:#666666;
	}

.bottom-footer p a 
	{
		color:#666666;
	}

#color-changer 
	{
		position:relative;
		z-index:99999;
	}

/* -------------------------------------------------------------------
9. [One Page Parallax]
--------------------------------------------------------------------*/

/* Welcome */
.welcome 
	{
		background:#2a2a2a;
		padding:40px 0;
	}

.welcome h1 
	{
		text-transform:uppercase;
		font-weight:400;
		color:#ffffff;
	}

.welcome h3 
{
	text-transform:uppercase;
	font-weight:400;
	color:#ffffff;
	margin-bottom:0px;
}

.welcome p 
	{
		color:#ffffff;
		font-size:16px;
	}

.welcome a 
	{
		background:#191919;
		color:#fff;
		padding:10px 18px;
		text-transform:uppercase;
		font-size:16px;
		margin-right:10px;
		text-align:right;
	}

.welcome a.panel-button 
	{
		color:#fff;
		padding:10px 18px;
		text-transform:uppercase;
		font-size:16px;
		margin-left:40px;
		display:inline-block;
	}

.welcome a.panel-button:hover 
	{
		color:#fff;
		background:#222222;
	}

.welcome a:last-child 
	{
		margin-right:0px;
	}

.welcome a:hover 
	{
		color:#666666;
	}

/* ! Block Items 2 ! */

.block-item2 i 
	{
		width:70px;
		height:70px;
		display:block;
		text-align:center;
		font-size:28px;
		line-height:65px;
		border-style:solid;
		border-width:2px;
		margin: 0 auto;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%; 
	}

.block-item2:hover i 
	{
		color:#ffffff;
	}

.block-item2 i.active 
	{
		color:#ffffff;
	}

.block-item2 h3 
	{
		text-transform:uppercase;
		font-weight:300;
	}

.block-item2 h3 
	{
		margin-top:0px;
	}

/* What You Do For One Page */

.what-we-do-2 
	{
		background-image: url(../img/background/what_we_do_onepage.jpg);
		background-repeat:no-repeat;
		background-position:0% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

.what-we-do-2 i 
	{
		color:#8a8a8a;
		display:inline-block;
		font-size:38px;
		text-align:center;
		float:left;
		margin:0 20px 10px 0;
		position:relative;
		top:-10px;
	}

.what-we-do-2 h3 
	{
		color:#ffffff;
		margin-top:0px;
		font-weight:300;
		line-height:18px;
		text-transform:uppercase;
	}

.what-we-do-2 p 
	{
		color:#ffffff;
	}

.service-item 
	{
		margin-bottom:40px;
	}

.service-item:last-child 
	{
		margin-bottom:0px;
	}

/* Progress Bar */

.violet-bar 
	{
		background-color:#9b59b6 !important;
	}

.orange-bar 
	{
		background-color:#f39c12 !important;
	}

.red-bar 
	{
		background-color:#e74c3c !important;
	}

.dark-green-bar
	{
		background-color:#1abc9c !important;
	}

.light-green-bar 
	{
		background-color:#2ecc71 !important;
	}

.blue-bar 
	{
		background-color:#3498db !important;
	}

.skill h4 
	{
		font-weight:300;
		margin-bottom:10px;
	}

.progress-bar span 
	{
		line-height:34px;
	}

/* Pricing Tables */

.pricing_table 
	{
		margin: 0 auto; 
		width: 100%; 
		max-width: 100%;
		padding:0;
	}

.pricing_table li
	{
		list-style-type:none;
	}

.price_block 
	{
		text-align: center; 
		color: #fff; 
		list-style-type: none; 
		transition: all 0.25s; 
		position: relative; 
		box-sizing: border-box;
		margin-bottom: 10px; 
		border-bottom: 1px solid transparent;
		width:100%;
	}

/* Price heads */
.pricing_table h3 
	{
		text-transform: uppercase; 
		padding: 15px 0; 
		margin: -10px 0 1px 0;
		color:#fff;
		background:#2a2a2a;
		font-weight:300;
		
	}

h3.price_block 
	{
		color:#fff;
	}

li.active h3.price_block 
	{
		background:#0070aa;
	}

/* Price tags*/
.price 
	{
		display: table; 
		width: 100%; 
		height: 120px;
		background:#f6f6f6;
		color:#2a2a2a;
	}
.price_figure 
	{
		font-size: 24px; 
		text-transform: uppercase; 
		vertical-align: middle; 
		display: table-cell;
	}
	
.price_number 
	{
		font-weight:300; 
		display: block;
		font-size:60px;
	}

.price_number small 
	{
		font-size:20px;
	}

.price_tenure 
	{
		font-size: 14px;
		margin:20px 0 0 0;
		color:#8a8a8a;
	}

/* Features */
.features 
	{
		background: #f1f1f1; 
		color: #2a2a2a;
		margin:0;
		padding:0;
	}
.features li 
	{
		padding: 8px 0;
		border-top: 1px solid #ffffff;
		font-size: 14px; 
		list-style-type: none;
		color:#8a8a8a;
		font-weight:300;
	}

.features li.active 
	{
		background:#f6f6f6;
	}

.footer 
	{
		padding: 15px; 
		background: #f1f1f1;
	}


a.action_button 
	{
		text-decoration: none; 
		color:#fff; 
		font-weight: 700; 
		background: #2a2a2a; 
		padding: 5px 20px; 
		font-size: 11px; 
		text-transform: uppercase;
	}

.hot-icon 
	{
		position:absolute;
		top: 0px;
		left: 0px;
		background:url(../img/hot_icon.png);
		width:70px;
		height:70px;
		text-transform:uppercase;
		color:#ffffff;
	}

.hot-icon span 
	{
		margin-top: 15px;
		padding-left: 5px;
		float: left;
		font-weight:400;
		font-size:14px;
	}


/* ! Touch ! */

.touch-bg 
	{
		position:relative;
		background-image: url(../img/background/touch.png);
		background-position: top center;
		background-repeat:no-repeat;
		min-height:740px;
		display:block;
	}


.mobile-touch 
	{
		min-height:625px;
		width:100%;
		position: absolute;
		left:0;
		top:0;
	}

.social-touch 
	{
		margin:0;
		padding:0;
	}

.social-touch ul 
	{
		list-style-type:none;
		margin:0;
		padding:0;
		position:relative;
		float:left;
	}

.social-touch ul li 
	{
		display: inline-block;
		float:left;
	}

.social-touch  li i
	{
		width:80px;
		height:80px;
		line-height:80px;
		display:block;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background:#8a8a8a;
		color:#e7e7e7;
		font-size:36px;
		text-align:center;
		float:left;
		margin-right:20px;
	}

.social-touch  li a 
	{
		display:inline-block;
		font-size:24px;
		font-weight:300;
		color:#ffffff;
		text-transform:uppercase;
		line-height:80px;
	}

.social-touch  li a:hover i 
	{
		color:#ffffff;
	}

.social-touch li.facebook-touch 
	{
		left:58%;
		position:relative;
	}

.social-touch  li.twitter-touch 
	{
		left:52%;
		margin-top:10%;
		position:relative;
	}

.social-touch  li.pinterest-touch 
	{
		left: 45%;
		margin-top: 20%;
		position:relative;
	}


.social-touch  li.behance-touch 
	{
		left: 42%;
		margin-top: 30%;
		position:relative;
	}



/* ! Contact Info ! */

.contact-info 
	{
		background-image: url(../img/background/contact_info.jpg);
		background-repeat:no-repeat;
		background-position:0% 50%;
		background-attachment:fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}


.block-item3 i 
	{
		width:70px;
		height:70px;
		display:block;
		text-align:center;
		font-size:36px;
		line-height:65px;
		border-style:solid;
		border-width:2px;
		border-color:#8a8a8a;
		margin: 0 auto;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%; 
	}

.block-item3:hover i 
	{
		color:#ffffff;
	}

.block-item3 i.active 
	{
		color:#ffffff;
	}

.block-item3 p
	{
		color:#ffffff;
		font-size:15px;
	}

.block-item3 h3 
	{
		text-transform:uppercase;
		font-weight:300;
		color:#ffffff;
	}

.block-item3 h3 
	{
		margin-top:0px;
	}

.contact-info a 
	{
		color:#8a8a8a;
	}

.contact-info a:hover 
	{
		color:#ffffff;
	}

/* ! Footer One Page Parallax ! */

.footer-one-page 
	{
		padding:40px 0;
	}

.footer-one-page p 
	{
		margin-bottom:20px;
		text-transform:uppercase;
		color:#666666;
		font-weight:300;
		font-size:18px;
	}

.footer-one-page span.copy 
	{
		position:relative;
		top:-8px;
		font-size:30px;
		margin-right:5px;
	}

.footer-one-page span.reserved
	{
		
		position:relative;
		top:10px;
		font-size:20px;
		margin-left:10px;
	}

.footer-one-page p:last-child 
	{
		margin-bottom:0px;
	}

/* ! Google Map ! */

#map 
	{
		width:100%;
		height:440px;
	}

/* ! Testimonials ! */

.testimonials 
	{
		background-image: url(../img/background/testimonials.jpg);
		background-repeat:no-repeat;
		background-position:0% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

.testimonials_2 
	{
		background-image: url(../img/background/testimonials_2.jpg);
		background-repeat:no-repeat;
		background-position:0% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

#owl-demo3 .owl-item 
	{
		display: block;
		width: 100%;
		height: auto;
	}

.testimonial-item img 
	{
		width:150px;
		height:150px;
		border:10px solid rgba(255,255,255,0.1);
		margin:0 auto;
	}

.testimonial-item h2 
	{
		color:#ffffff;
		text-transform:uppercase;
		margin-bottom:20px;
		font-size:24px;
	}

.testimonial-item h4, .testimonial-item p span 
	{
		color:#8A8A8A;
		font-size:18px;
	}

.testimonial-item p 
	{
		font-size:16px;
		color:#ffffff;
		margin-top:40px;
	}

.testimonial-item p span i.fa-quote-left
	{
		position:relative;
		top:-10px;
		font-size:20px;
		padding-right:10px;
	}

.testimonial-item p span i.fa-quote-right 
	{
		position:relative;
		top:10px;
		font-size:20px;
		padding-left:10px;
	}

.owl-theme .owl-controls .owl-page.active span 
	{
		position:relative;
		top:-1px;
	}

#testimonials .transparent-bg 
	{
		background:rgba(0,0,0,0.8) url(../img/pattern.png) repeat;
	}
	
	
/* -------------------------------------------------------------------
10. [Landing Page Parallax]
		10.1 What We Do
		10.2 Tabs
		10.3 Signup Buttons
		10.4 Overview
		10.5 Features
		10.6 Video Background
		10.7 Iframe
		10.8 Banner
		10.9 Clients
--------------------------------------------------------------------*/

/*  What We Do */
.what-we-do-3 
	{
		background-image: url(../img/background/what_we_do_onepage.jpg);
		background-repeat:no-repeat;
		background-position:0% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

/* Tabs */
.nav-tabs
	{
		width:100%;
		margin:0 auto;
		border-bottom:none;
		text-align:center;
		margin-bottom:100px;
	}

.nav-tabs li 
	{
		text-align:center;
		margin:0 auto;
		float:none;
		display:inline-block;
		margin-right:20px;
	}

.nav-tabs li:last-child 
	{
		margin-right:0px;
	}

.nav-tabs>li>a 
	{
		display:block;
		text-align:center;
		border:none;
		padding:0;
		font-size:18px;
		text-transform:uppercase;
		color:rgba(255,255,255,0.5);
	}

.nav-tabs>li.active>a 
	{
		color:rgba(255,255,255,1);
	}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover 
	{
		background:none;
		border:none;
	}

.nav-tabs li a i 
	{
		display:block;
		text-align:center;
		font-size:32px;
		margin-bottom:20px;
		color:rgba(255,255,255,0.2);
	}


.tab-content h2 
	{
		color:#fff;
		font-weight:300;
		padding-top:60px;
	}

.tab-content 
	{
		color:#ccc;
		font-size:15px;
	}

/* Signup Button ! */
.signup 
	{
		position:absolute;
		top:20px;
		right:20%;
	}

a.slide-btn-3 
	{
		color:#ffffff;
		text-transform: uppercase;
		font-size:12px;
		padding:2px 20px;
		margin:0px 5px 5px 0;
		display:inline-block;
		font-weight:400;
	}

.signup a.slide-btn-3:last-child
	{
		border-width:1px;
		border-style:solid;
	}

a.slide-btn-3:hover 
	{
		color:rgba(255,255,255,0.8);
	}

/*  Overview */
.list-overview 
	{
		list-style:none;
		margin:40px 0 80px 0;
		padding:0;
		float:left;
	}

.list-overview li 
	{
		display: inline-block;
		margin-bottom:20px;
		font-size:16px;
		width:48%;
		margin-right:1%;
		float:left;
	}

.list-overview li i 
	{
		width:34px;
		height:34px;
		display: inline-block;
		text-align:center;
		font-size:16px;
		line-height:32px;
		border-style:solid;
		border-width:2px;
		margin: 0 auto;
		margin-right:5px;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%;
		color:#fff;
	}

/* Features */
.list-features, .list-features-2 
	{
		list-style:none;
		margin:40px 0 80px 0;
		padding:0;
	}

.list-features li 
	{
		display:block;
		margin-bottom:20px;
		font-size:16px;
		line-height:40px;
	}

.list-features li i, .list-features-2 li i 
	{
		width:48px;
		height:48px;
		display: inline-block;
		text-align:center;
		font-size:18px;
		line-height:48px;
		border-style:solid;
		border-width:2px;
		margin: 0 auto;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%;
		color:#fff;
		margin-right:10px;
	}

.list-features-2 li 
	{
		display: inline-block;
		margin-bottom:20px;
		margin-right:20px;
		float:left;
		font-size:16px;
		line-height:40px;
	}
	

.platform-icon i 
	{
		font-size:140px;
		text-align:center;
		color:#d7d7d7;
		text-align:center;
		display:block;
	}

.centered 
	{
		display:block;
		margin:0 auto;
	}

/* Video Background */
.video-background 
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		margin:0 auto;
		padding:0;
	}
.video-background video 
	{
		min-width:100%;
		z-index:-1;
		position:absolute;
	}

.video-wrapper h1 
	{
		text-transform:uppercase;
	}

.main-title-revolution h1 
	{
		font-size:60px;
		color:#fff;
	}

.main-title-revolution h3, .main-title-revolution h4 
	{
		color:#2a2a2a;
		text-transform:capitalize;
	}

/* Iframe */
.iframe iframe 
	{
		border:none;
		outline:none;
	}

/* Banner */
.banners 
	{
		background-image: url(../img/background/banner.jpg);
		background-repeat:no-repeat;
		background-position:0% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

.banners h1 img 
	{
		margin:0 auto;
	}

.banners p 
	{
		color:#fff;
		font-size:58px;
		margin-top:60px;
		line-height:72px;
		font-style:italic;
	}

/* Clients */
#clients-onepage .owl-item 
	{
		margin-bottom:0px;
	}
	
/* -------------------------------------------------------------------
11. [Inner Pages]
--------------------------------------------------------------------*/
/* General */

.fullwidth-banner
	{
		margin:0 auto;
		width:100%;
		padding:0;
		height:400px;
		background-repeat:no-repeat;
		background-color:transparent;
		background-position:50% 50%;
		position:relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}

.fullwidth-banner .transparent-bg
	{
		background:rgba(0,0,0,0.5);
	}

/* ! About Page!  */
.about-banner 
	{
		background-image: url(../img/banners/about.jpg);
	}

.fullwidth-banner h1 
	{
		color:#fff;
		text-transform:uppercase;
		font-size:60px;
		line-height:60px;
	}

.fullwidth-banner h4 
	{
		font-weight:300;
		color:#ddd;
		font-size:24px;
		line-height:24px;
	}

.fullwidth-banner img 
	{
		margin-bottom:20px;
	}

.dropcap 
	{
		float:left;
		width:80px;
		height:80px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		color:#fff;
		margin:0 20px 0 0;
		text-align:center;
		font-size:30px;
		line-height:80px;
	}

.btn-icon
	{
		display:inline-block;
		text-transform:uppercase;
		border-style:solid;
		border-width:1px;
		padding: 0px 20px 0px 0px;
		font-size:14px;
		line-height:36px;
		margin-top:20px
	}

.btn-icon:hover
	{
		border-color:#2a2a2a;
	}

.btn-icon:hover i 
	{
		background:#2a2a2a;
	}

.btn-icon i 
	{
		float:left;
		color:#fff;
		margin-right:10px;
		font-size:16px;
		padding:10px;
	}

.what-we-do .block-item2 
	{
		color:#ffffff;
	}

.tree-timeline
	{
		padding-top:214px;
		position:relative;
	}

.tree-repeat 
	{
		display:block;
	}

.build-right, .build-left
	{
		width:100%;
		min-height:190px;
		clear:both;
	}

.company-history 
	{
		width:40%;
		display:inline-block;
	}

.img-build 
	{
		width:48%;
		display:inline-block;
	}

.build-right .img-build 
	{
		float:left;
	}

.build-right .company-history 
	{
		float:right;
		text-align:left;
	}

.build-right .img-content 
	{
		width:110px;
		float:right;
		text-align:center;
	}

.img-content h4 
	{
		margin-bottom:0px;
		font-weight:300;
		font-size:16px;
	}

.img-content h3 
	{
		margin-bottom:0px;
		font-size:20px;
		position:relative;
		top:-10px;
	}

.build-left .img-build
	{
		float:right;
	}

.build-left .company-history 
	{
		float:left;
		text-align:right;
	}

.build-left .img-content 
	{
		width:110px;
		float:left;
		text-align:center;
	}

/*.build-right:last-child, .build-left:last-child
	{
		min-height: auto;
		padding-bottom:20px;
	}*/

/* About Me */

.move-bg 
	{
		background: #000 url(../img/portfolio.jpg) fixed left top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}

.move-bg .transparent-bg 
	{
		background:rgba(0,0,0,0.0);
	}

.details h2 
	{
		margin-bottom:0px;
		text-transform: uppercase;
	}

.details h5 
	{
		text-transform:uppercase;
	}

.details .list-overview 
	{
		list-style:none;
		margin:20px 0 0 0;
		padding:0;
		float:left;
	}

/*  Portfolio Gird 4 */
.portfolio-gird-4 div.portfolio-sample 
	{
		width:100%;
	}

/* SERVICES  */
.service-banner
	{
		background-image: url(../img/banners/service.jpg);
	}

.service-block h3 
	{
		font-weight:300;
		text-transform:capitalize;
	}

.service-block ul 
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}

.service-block ul li span
	{
		margin-right:10px;
	}

.service-block ul.service-list li 
	{
		margin-bottom:10px;
	}

.service-block ul.service-list li span 
	{
		color:#fff;
		width:25px;
		height:25px;
		display:inline-block;
		line-height:25px;
		-webkit-border-radius:50%; 
		-o-border-radius:50%;
		-moz-border-radius:50%; 
		border-radius:50%;
		text-align:center;
	}

.vimeo 
	{
		border:none;
		width:100%;
		min-height:150px;
	}

/* Services Tabs */
.nav-tabs2 
	{
		width:100%;
		margin:0 auto;
		border-bottom:none;
		text-align:center;
		margin-bottom:0;
	}

.nav-tabs2 li
	{
		text-align:center;
		margin:0 auto;
		float:none;
		display:inline-block;
		margin:0;
	}

.nav-tabs2>li>a 
	{
		display:block;
		text-align:center;
		border:none;
		font-size:18px;
		text-transform:uppercase;
		color: #fff;
		padding: 8px 22px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 14px;
		margin:0;
	}

.tab-content2 
	{
		font-size:14px;
		padding:30px 15px;
		overflow:hidden;
		
	}

.tab-content2 h2 
	{
		padding-top:30px;
	}

.tab-content2 img 
	{
		margin:0 auto;
		text-align:center;
	}

.tab-content2 .carousel-control.right,
.tab-content2 .carousel-control.left 
	{
		top:45%;
		font-size:50px;
		color:#2a2a2a;
	}

.tab-content2 .list-overview
	{
		margin-bottom:0px;
	}

.features-bg 
	{
		margin:0 auto;
		width:100%;
		padding:0;
		background-repeat:no-repeat;
		background-color:transparent;
		background-position:50% 50%;
		position:relative;
		background-image:url(../img/background/banner.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}

/* ! Team ! */
.team-banner 
	{
		background:url(../img/banners/team.jpg);
	}

.ceo .social-network-footer
	{
		margin-top:30px;
	}

.ceo .social-network-footer li i 
	{
		color:#fff;
	}

.connect 
	{
		background-image: url(../img/background/bicycle.jpg);
		background-repeat:no-repeat;
		background-position:50% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		position:relative;
	}

.connect .transparent-bg 
	{
		background:rgba(0,0,0,0.6);
	}

.connect h1
	{
		color:#fff;
		line-height:34px;
		margin-bottom:60px;
	}

.teams img 
	{
		width:90px;
		height:90px;
		display:block;
		margin:0 auto;
	}
.teams h4 
	{
		margin-bottom:0px;
		line-height:18px;
		text-transform:uppercase;
	}

.teams h5 
	{
		font-weight:300;
		margin-bottom:10px;
		color:#666;
		text-transform: uppercase;
	}

.teams ul 
	{
		margin:0 0 40px 0;
		padding:0;
		list-style:none;
	}

.teams ul li 
	{
		display:inline-block;
		margin:10px 3px 0 3px;
	}

.teams ul li a 
	{
		display:inline-block;
		color:#2a2a2a;
		font-size:18px;
		width:30px;
		height:30px;
		line-height:30px;
		background:#dddddd;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align:center;
	}

.teams:hover ul li a:hover i 
	{
		color:#ffffff;
	}

/* == CAREERS PAGES == */

/* Career 1 */
.career-bg 
	{
		background-image:url(../img/banners/career.jpg)
	}

.career 
	{
		margin-bottom:40px;
		padding-bottom:40px;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}

.career h2 
	{
		font-weight:400;
		text-transform:uppercase;
	}

.career span 
	{
		margin:0 8px 20px 20px;
		font-size:12px;
		color:#666;
		display:inline-block;
		text-transform:capitalize;
	}

.career span.icon-calendar
	{
		margin:0 8px 0 0;
	}

.career a.btn-icon 
	{
		text-transform: capitalize;
		padding: 0px 10px 0px 0px;
		font-size:13px;
		margin-top:20px
	}

.career a.btn-icon i
	{
		padding:10px 14px;
	}


/* Pagination */
.pagination>li 
	{
		display:inline-block;
		text-align:center;
	}

.pagination>li a
	{
		border:none;
		font-size:14px;
	}

.pagination>li.active a,
.pagination>li a:hover
	{
		color:#fff;
	}

.pagination>li a:hover span 
	{
		color:#fff;
	}

/* ! Career 2 ! */
.rock h3
	{
		text-transform:uppercase;
		line-height:0;
	}

.rock ul
	{
		margin:20px 0 0 0;
		padding:0;
		list-style-type:none;
	}

.rock ul li span 
	{
		margin-right:5px;
	}

.available-jobs h3 
	{
		text-transform:uppercase;
		line-height:0;
		margin-bottom:40px;
	}

.panel-group .career 
	{
		padding-bottom:0px;
		margin-bottom:0px;
		border-bottom: none;
	}

.panel-default>.panel-heading
	{
		color: #2a2a2a;
		background-color: #f1f1f1;
		border-color: #e8e8e8;
	}

.panel-default>.panel-heading h4
	{
		font-weight:300;
	}

.panel-default
	{
		border-color: #ddd;
	}

.panel-default a.panel-link 
	{
		display:block;
		width:100%;
		padding:15px;
		font-size:16px;
		text-transform:uppercase;
		border-bottom-width:1px;
		border-bottom-style:none;
	}

.panel-default .in 
	{
		border-top-style:solid;
		border-top-width:2px;
	}

/*  Cliensts ! */

.client-bg 
	{
		background-image:url(../img/background/clients.jpg);
	}

.client-img 
	{
		margin-bottom:40px;
	}

.client-img a
	{
		border-width:1px;
		border-style:solid;
		text-align:center;
		display:block;
	}

.client-img img
	{
		margin:0 auto;
		filter: Alpha(Opacity=60);
		opacity: 0.6;
	}

.client-img a:hover img
	{
		filter: Alpha(Opacity=100);
		opacity: 1;
	}

/* ===  Portfolio Pages === */


/*  ! 4 GRIDS PADDING ! */

.portfolio-sample-gird-4
	{
		display:inline-block;
		width:100%;
		text-align:center;
		position:relative;
		margin:0;
		padding:0;
		float:left;
		background-color:#000000;
		overflow:hidden;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition:all   0.5s ease-in-out;
		 -o-transition: all  0.5s ease-in-out;
		transition: all   0.5s ease-in-out;
		-webkit-backface-visibility: hidden;
		/*-webkit-perspective: 1000;*/
	}

.portfolio-sample-gird-4 img
	{
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		width:100%;
		display:block;
		position:relative;
		margin:0;
		padding:0;
		outline:none;
		border:none;
		transition: all .25s ease-in-out;
		-webkit-filter: grayscale(0);
		vertical-align: bottom;
	}

.portfolio-sample-gird-4 img:hover
	{
		-webkit-filter: grayscale(1);
		/* filter: gray; */ /* IE6-9 */
	}

.portfolio-sample-gird-4 figure
	{
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}

.portfolio-sample-gird-4 figcaption
	{
		margin:0 auto;
		padding:0;
	}

.portfolio-sample-gird-4 .overlay
	{
		color:#ffffff;
		opacity:0;
		position:absolute;
		top:0px;
		width:100%;
		text-align:center;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		margin: 0 auto;
	}

.portfolio-sample-gird-4 .overlay h3
	{
		color:#ffffff;
		text-transform:uppercase;
		font-weight:300;
	}
.portfolio-sample-gird-4 .overlay h5
	{
		color:#a9a9a9;
		text-transform:capitalize;
	}

.portfolio-sample-gird-4 .overlay a
	{
		color:#ffffff;
		margin-right:4px;
	}

.portfolio-sample-gird-4 .overlay a:last-child 
	{
		margin-right:0px;
	}

.portfolio-sample-gird-4 .overlay i
	{
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		font-size: 18px;
		text-align: center;
		top: 50%;
		width: 40px;
		height:40px;
		line-height: 40px;
	}

.portfolio-sample-gird-4:hover .overlay 
	{
		top:50%;
		opacity:1;
		transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
	}

.portfolio-sample-gird-4:hover img
	{
		opacity:0.2;
		-webkit-transform:scale(1.3) rotate(3deg);
		-moz-transform:scale(1.3)rotate(3deg);
		-ms-transform:scale(1.3)rotate(3deg);
		-o-transform:scale(1.3)rotate(3deg);
		transform:scale(1.3)rotate(3deg);
	   -webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   filter: grayscale(100%);
	   /* filter: gray; */ /* IE 6-9 */
	
	}

.no-hover.portfolio-sample-gird-4:hover img
	{
		opacity:0.2;
		-webkit-transform:scale(1) rotate(0deg);
		-moz-transform:scale(1) rotate(0deg);
		-ms-transform:scale(1) rotate(0deg);
		-o-transform:scale(1) rotate(0deg);
		transform:scale(1) rotate(0deg);
	   -webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   filter: grayscale(100%);
	   /* filter: gray; */ /* IE 6-9 */
	}

/*   Portfolio With Text  */

/*- Portfolio Container -*/
.portfolio-withtext div.portfolio-sample
	{
		overflow:hidden;
	}

.portfolio-withtext .portfolio-sample img
	{
		overflow:hidden;
	}

.portfolio-withtext .portfolio-sample figure
	{
		background-color:#000;
		overflow:hidden;
	}


.portfolio-withtext .portfolio-sample figcaption 
	{
		overflow:hidden;
	}

.portfolio-withtext .portfolio-sample:hover img
	{
		overflow:hidden;
	}

.portfolio-withtext .portfolio-sample-gird-4 .overlay i
	{
		top:0%;
	}

.portfolio-withtext .portfolio-sample:hover .overlay 
	{
		top:40%;
		opacity:1;
		transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
	}

.portfolio-withtext .portfolio-sample h3 
	{
		margin-bottom:10px;
	}

/*  Portfolio with text Gird */
.portfolio-withtext-gird div.portfolio-sample 
	{
		overflow:hidden;
		width:100%;
	}

.portfolio-withtext-gird .portfolio-sample img
	{
		overflow:hidden;
	}


.portfolio-withtext-gird .portfolio-sample figure 
	{
		background-color:#000;
		overflow:hidden;
	}

.portfolio-withtext-gird .portfolio-sample figcaption 
	{
		overflow:hidden;
	}

.portfolio-withtext-gird .portfolio-sample:hover img
	{
		overflow:hidden;
	}

.portfolio-withtext-gird .portfolio-sample-gird-4 .overlay i
	{
		top:0%;
	}

.portfolio-withtext-gird .portfolio-sample:hover .overlay 
	{
		top:40%;
		opacity:1;
		transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
	}

.portfolio-withtext-gird .portfolio-sample h3 
	{
		margin-bottom:10px;
	}

.col-md-6 .portfolio-sample-gird-4,
.col-sm-6 .portfolio-sample-gird-4,
.col-md-4 .portfolio-sample-gird-4, 
.col-sm-4 .portfolio-sample-gird-4,
.col-md-3 .portfolio-sample-gird-4,
.col-xs-12 .portfolio-sample-gird-4 
	{
		margin-bottom:30px;
	}

/*  ! Single Portfolio ! */
.single-portfolio h2
	{
		font-weight:300;
	}

.portfolio-pagination ul
	{
		text-align:center;
		list-style-type:none;
		margin:40px 0 40px 0;
		padding:0;
	}

.portfolio-pagination li 
	{
		display:inline-block;
		margin:0 5px;
	}

.portfolio-pagination li a
	{
		display:inline-block;
		width:40px;
		height:40px;
	}

.portfolio-pagination li a i 
	{
		font-size:24px;
		line-height:42px;
	}

.portfolio-pagination li a:hover i 
	{
		color:#fff;
	}

.single-portfolio img.full-width-img 
	{
		max-height:585px;
		max-width:1170px;
		margin: 0 auto;
	}

.portfolio-description
	{
		width:100%;
		float:left;
		text-align:left;
		padding:40px 0 0 0;
	}

.portfolio-description ul
	{
		margin-top:10px;
	}

.portfolio-description h4 
	{
		margin-bottom:0px;
		text-transform:uppercase;
	}

.portfolio-description p 
	{
		margin-bottom:20px;
	}

.share a.btn-icon
	{
		float:right;
		margin:0;
	}

.share
	{
		font-size:15px;
		text-transform:uppercase;
		margin-top:20px;
	}

.share a 
	{
		margin:0 20px 0 0;
		display:inline-block;
		color:#666;
	}

.share a span
	{
		font-size:18px;
		margin-right:3px;
		position:relative;
		top:2px;
	}

.share a:hover span.icon-facebook
	{
		color:#3b5998;
	}

.share a:hover span.icon-twitter
	{
		color:#00aced;
	}

.share a:hover span.icon-pinterest 
	{
		color:#C92228;
	}

.single-portfolio .owl-theme .owl-controls,
.img-banner .owl-theme .owl-controls 
	{
		margin:0px;
		position:relative;
		top:-40px;
	}

.gallery-portfolio img
	{
		width:100%;
		margin-bottom:20px;
	}

.media_single
	{
		border:none;
		outline:none;
	}

/*  Blogs  */

/* Banner */
.blog-banner
	{ 
		background: url(../img/banners/blog.jpg);
	}

/* Banner Image */
.img-banner
	{
		margin-bottom:20px;
	}


.img-banner img,
.img-banner #owl-demo4
	{
		max-height:420px;
		width:100%;
	}

/* Blog Date */
.blog-date
	{
		width:60px;
		margin-right:20px;
		float:left;
	}

.blog-date span:first-child
	{
		background:#2a2a2a;
		text-align:center;
		color:#fff;
		font-size:32px;
		width:60px;
		height:60px;
		line-height:60px;
		display:block;
	}

.blog-date span:last-child
	{
		text-align:center;
		font-size:18px;
		width:60px;
		height:60px;
		display:block;
		font-weight:300;
		padding-top:5px;
	}

/* Divider */
.divider-blog
	{
		display:block;
		width:100%;
		margin:0 0 5px 0;
	}

.divider-blog 
	{
		color:#2a2a2a;
	}

.divider-blog span 
	{
		width:100px;
		height:5px;
		display:inline-block;
	}

/* Breadcrumb */
.breadcrumb-blog span
	{
		margin-left:20px;
		margin-right:5px;
	}

.breadcrumb-blog span:first-child
	{
		margin-left:0px;
	}

/* Title Blog */
.title-blog-name h2
	{
		line-height:38px;
	}

/* Blog Description */
.blog-desc
	{
		width:100%;
		margin-top:20px;
		display:block;
		float:left;
		font-size:14px;
		padding-left:80px;
	}

.blog-desc p 
	{
		margin-bottom:0px
	}


/* Soundcloud */
.soundcloud 
	{
		width:100%;
		height:100%;
		border:none;
	}


/* Blockquote */
.img-banner blockquote 
	{
		border-left:none;
		padding:15px;
		font-weight:300;
		margin-bottom:0px;
	}

.img-banner blockquote article
	{
		font-size:32px;
		line-height:40px;
		margin:20px 20px 10px 20px;
	}

.img-banner blockquote p
	{
		margin:0 20px;
	}

/* Gird */
.blog-gird-style .blog-list
	{
		border-bottom-width:0px;
		margin-bottom:40px;
		padding-bottom:0;
	}

.blog-gird-style .title-blog-name h2
	{
		font-size:18px;
		line-height:24px;
		margin-bottom:0px;
	}

.blog-gird-style  .blog-desc
	{
		margin-top:10px;
	}

/* List */

.blog-list-style .title-blog-name h2 
	{
		font-size:24px;
		line-height:28px;
	}

.blog-list-style .img-banner blockquote article,
.blog-gird-style .img-banner blockquote article 
	{
		font-size:24px;
		line-height:24px;
	}

.blog-list 
	{
		width:100%;
		margin-bottom:40px;
		padding-bottom:40px;
		border-bottom-style:solid;
		border-bottom-width:1px;
		float:left;
	}
	
/* ! Masonry ! */

.isotope:after 
	{
	  content: '';
	  display: block;
	  clear: both;
	}

/* .item */
.isotope .item 
	{
	  float: left;
	  width: 31.33333333333333%;
	  margin:0 1%;
	}

.isotope .carousel-inner .item
	{
	  float: none;
	  width: 100%;
	  margin:0;
	  margin-bottom: 0;
	}

.blog-masonry-style .img-banner blockquote article 
	{
		font-size:24px;
		line-height:24px;
	}

.blog-masonry-style .blog-list
	{
		border-bottom-width:0px;
		margin-bottom:40px;
		padding-bottom:0;
		padding:10px;
		border-width:1px;
		border-style:solid;
	}

.blog-masonry-style .title-blog-name h2
	{
		font-size:18px;
		line-height:24px;
		margin-bottom:0px;
	}

/*  ! Blog Single !  */

.blog-desc-single
	{
		display:block;
		width:100%;
		margin-top:40px;
		font-size:14px;
	}

.blog-desc-single p 
	{
		margin-bottom:20px;
	}

.blog-desc-single blockquote
	{
		font-size:15px;
		margin:20px 0;
	}

mark 
	{
		color:#fff;
		padding:0 5px;
	}

.blog-desc-single .share 
	{
		padding:20px 0;
		border-top-width:1px;
		border-top-style:solid;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-color:#e8e8e8;
		float:right;
		text-align:right;
		width:100%;
	}

.about-author 
	{
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-color:#e8e8e8;
		width:100%;
		padding:20px 0;
		float:left;
	}

.about-author  img 
	{
		width:100px;
		height:100px;
		float:left;
		margin:0 20px 20px 0;
	}

.about-author span
	{
		font-size:24px;
		display:block;
		margin-bottom:10px;
		text-transform:uppercase;
	}

/*  ! Comments ! */

.comment-x 
	{
		margin-bottom: 20px;
	}

.comment-blog 
	{
		width:100%;
		float:left;
		margin:20px 0 0 0;
	}

.comment-blog h3 
	{
		text-transform:uppercase;
}

.comment-author span
	{
		text-transform: uppercase;
		font-weight:400;
	}

.comment-meta i 
	{
		margin-right:5px;
		margin-left:20px;
	}

.comment-meta i:first-child
	{
		margin-left:0;
	}

#comments-list
	{
		list-style-type: none;
		margin: 0;
		margin-bottom: 40px;
		padding:0;
	}

#comments-list ul,
#comments-list ol
	{
		padding-bottom: 20px;
	}

#comments-list ul ul,
#comments-list ol ol,
#comments-list ul ul ul,
#comments-list ol ol ol
	{
		padding-bottom: 0;
	}

#comments-list li .avatar
	{
		width: 80px;
		height: 80px;
		float: left;
		display: block;
		margin-right: 20px;
	}

#comments-list .comment-meta
	{
		font-size: 12px;
		font-weight:400;
		margin-bottom:10px;
	}

a.comment-reply-link
	{
		float: right;
		margin-top:10px;
		color:#ddd;
	}

a.comment-reply-link i 
	{
		color:#ddd;
		font-size:24px;
	}

a.comment-reply-link:hover i
	{
		color:#2a2a2a;
	}

a.comment-reply-link:hover
	{
		color:#cccccc;
	}
.comment-navigation span
	{
		margin-right: 0.5em;
	}

#trackbacks-list .comment-content
	{
		position: absolute;
		left: -10000px;
	}

#comments-list #respond 
	{
		border-bottom: 1px solid #f8f8f8;
		margin: 0 0 18px 0;
		width: auto;
	}

#comments-list #reply-title
	{
		font-size: 14px;
		padding-bottom: 10px;
	}

#reply-title a 
	{
		float: right;
	}

#cancel-comment-reply
	{
		font-size: 12px;
		position: absolute;
		top: 18px;
		right: 15px;
	}

#cancel-comment-reply a
	{
		color: #ccc;
	}

#respond
	{
		width:100%;
		border-top-width:1px;
		border-top-style:solid;
		padding-top:20px;
	}

#respond input[type='text'],
#respond textarea  
	{
		width:100%;
		margin-bottom:5px;
	}

#form-section-comment
	{
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
	}

#form-allowed-tags p 
	{
		font-size: 12px;
		margin: 0;
	}

.subscribe-to-comments 
	{
		float: left;
		margin: 0;
		padding: 18px 0 0 0;
	}

.solo-subscribe-to-comments
	{
		padding: 18px 0 0 0;
	}

.comment_license
	{
		clear: both;
		margin: 0;
		padding: 18px 0 0 0;
	}

.the-comment .fn.n 
	{
		color: #2a2a2a;
		font-size: 16px;
	}

.the-comment 
	{
		padding: 15px;
		margin-bottom: 20px;
		overflow:hidden;
		border-width:1px;
		border-style:solid;
	}

.comment-content p 
	{
		margin-bottom: 0;
		font-size:15px;
	}

#comments-list ul.children
	{
		padding-left: 45px;
		padding-bottom: 0;
		list-style-type: none;
		margin: 0;
	}

#comments-list ul.children
	{
		padding-left: 0;
	}

#comments-list ul.children .comment-x
	{
		padding-bottom: 0;
	}

#comments-list > li.comment-x > ul.children li:before
	{
		border-top-width: 1px;
		border-top-style:solid;
		content: " ";
		display: inline-block;
		width: 40px;
		margin-left: -45px;
		float: left;
		margin-top: 20px;
	}

#comments-list > li.comment-x > ul.children
	{
		border-bottom: none;
		border-top: none;
		border-left-width: 1px;
		border-left-style:solid;
	}

#comments-list .children .comment_wrapper
	{
		padding-left: 0;
	}

#comments-list ul.children 
	{
		padding-left: 45px;
	}

#respond input[type="text"]
	{
		margin-bottom:20px;
	}


.cancelled 
	{
		display:none;
	}

/* ! Branches !  */

.branch-banner
	{
		background:url(../img/banners/branch.jpg);
	}

.branches .panel-default a.accordion-toggle
	{
		display:block;
		width:100%;
		padding:15px;
		font-size:16px;
		text-transform:uppercase;
		border-bottom-width:1px;
		border-bottom-style:none;
	}

.branches .panel-default a.accordion-toggle i
	{
		float:right;
		font-size:18px
	}

.branches .panel-body
	{
		padding:0 0 10px 0;
	}

.branch-border
	{
		width:100%;
		height:300px;
		border: none;
		outline:none;
	}

.panel-body p 
	{
		margin-top:10px;
	}

.panel-body p span
	{
		width:30px;
		height:30px;
		display:inline-block;
		background:#2a2a2a;
		color:#fff;
		text-align:center;
		line-height:30px;
		margin-right:10px;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%; 
	}

.contact-banner 
	{
		background:url(../img/banners/contact.jpg);
	}

.contact-information h2
	{
		text-transform:uppercase;
		margin-bottom:40px;
	}

.contact-information #map
	{
		max-height:300px;
		margin-bottom:40px;
	}

.contact-information ul 
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}

.contact-information ul li span
	{
		margin-right:10px;
	}

.contact-information ul.service-list li
	{
		margin-bottom:10px;
	}

.contact-information ul.service-list li span
	{
		color:#fff;
		width:25px;
		height:25px;
		display:inline-block;
		line-height:25px;
		-webkit-border-radius:50%; 
		-o-border-radius:50%;
		-moz-border-radius:50%; 
		border-radius:50%;
		text-align:center;
		background:#2a2a2a;
	}

/* ! Error Page ! */

/* Error Page 01 */
.error_page 
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.error-background 
	{
		background: url(../img/background/error.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.error_page h1
	{
		color:#ffffff;
		font-weight:300;
		font-size:60px;
		line-height:60px;
		margin:60px 0 40px 0;
	}

.error_symbol
	{
		font-size:240px;
		display:block;
		clear:both;
		width:100%;
		line-height:240px;
		margin:60px 0;
	}

.error_page h3 
	{
		color:#666;
		font-weight:300;
	}

.error_page span.line span 
	{
		width: 120px;
		height: 2px;
		display: inline-block;
		background:#ffffff;
	}

.error-banner 
	{
		background:url(../img/background/error.jpg);
	}
	
.error_page .slide-btn 
	{
		margin-bottom:20px;
	}

/* Error 02 */

.error-content h3
	{
		font-weight:400;
		margin-bottom:80px;
	}

.error-content p 
	{
		margin-top:80px;
		margin-bottom:0px;
	}

.error-content h3 span
	{
		font-weight:300;
	}

.error-content h1
	{
		font-size:140px;
		line-height:110px;
		text-transform:uppercase;
		text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
		font-weight:700;
	}

/*  Error 03  */


.error_page_2
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.error-background-2 
	{
		background: url(../img/slideshow/4.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.error_page_2 .transparent-bg 
	{
		background:rgba(0,0,0,0.6);
	}

.error_symbol_2
	{
		font-size:240px;
		display:block;
		clear:both;
		width:100%;
		line-height:130px;
		margin:40px 0;
		text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
	}

.error_symbol_2 span
	{
		color:#fff;
		font-size:38px;
		display:block;
		font-weight:300;
	}

.error_page_2 .search
	{
		width:360px;
		margin:0 auto;
	}

.error_page_2 .search input 
	{
		background:transparent;
		border-top:none;
		border-right:none;
		border-left:none;
		border-bottom:1px solid #666;
		font-size:24px;
		line-height:18px;
		font-weight:300;
		padding:20px 10px;
		color:#fff;
		
	}

.error_page_2 .search button
	{
		border:none;
		background:transparent;
		color:#fff;
		font-size:18px;
	}

.error_page_2 .search button:focus
	{
		outline:none;
	}

.error-button
	{
		margin-top:80px;
	}

/*  ! Faqs ! */

/* Faq 01 */
.faq-banner 
	{
		background: url(../img/background/landpage_fixed.jpg);
	}

.faqs .panel-default a.accordion-toggle 
	{
		display:block;
		width:100%;
		padding:15px;
		font-size:16px;
		text-transform: capitalize;
		border-width:1px;
		border-style:solid;
		background:none;
		font-weight:300;
	}

.faqs .panel-default a.accordion-toggle i 
	{
		float:right;
		font-size:18px
	}

.faqs .panel-body 
	{
		padding:10px;
	}

.faqs .panel-default 
	{
		border:none;
		box-shadow:0 0px 0px rgba(0,0,0,.0);
	}

.faq-introduction
	{
		margin-bottom:60px;
	}

.faq-introduction h2
	{
		margin-bottom:40px;
	}

/* Faqs 2 */
.faqs_2 .panel-default a.accordion-toggle
	{
		display:block;
		width:100%;
		padding:15px;
		font-size:17px;
		text-transform: capitalize;
		border-width:1px;
		border-color: transparent;
		border-style:solid;
		background:#2a2a2a;
		font-weight:300;
		color:#fff;
	}

.faqs_2 .panel-default a.accordion-toggle i 
	{
		float:left;
		font-size:18px;
		margin-right:10px;
		line-height:22px;
		background:#666;
		padding:0 5px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		position:relative;
		top:2px;
	}

.faqs_2 .panel-body
	{
		padding:10px;
		font-size:14px;
	}


.faqs ul 
	{
		margin:20px 0 0 0;
		padding:0;
		list-style:none;
	}

.faqs ul li 
	{
		margin-bottom:10px;
		font-size:14px;
	}

.faqs ul li i 
	{
		margin-right:10px;
	}

/* Faqs 3 */

.question 
	{
		margin-bottom:40px;
	}

.question h3
	{
		font-weight:300;
		text-transform:capitalize;
	}
.question h3 span 
	{
		background:#2a2a2a;
		width:30px;
		height:30px;
		line-height:30px;
		color:#fff;
		text-align:center;
		margin-right:10px;
		display:inline-block;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		font-size:18px;
		position:relative;
		top:-2px;
	}

/*  ! Login ! */

/* Login 01 */
.login_page
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.login-background 
	{
		background: url(../img/slideshow/14.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.login_page h2
	{
		color:#ffffff;
		font-weight:300;
		margin:60px 0 40px 0;
	}

.login_page input[type="text"], .login_page input[type="password"]
	{
		width:100%;
		margin-bottom:20px;
		background:rgba(255,255,255,0.2);
		border-radius:50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-o-border-radius: 50px;
		border:none;
		padding:15px 25px;
		color:#fff;
		font-size:22px;
	}

.login_page input:focus[type="text"], .login_page input:focus[type="password"] 
	{
		background:rgba(255,255,255,0.4);
	}

.login_page .login-btn
	{
		border-radius:50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-o-border-radius: 50px;
		padding:10px 60px;
		color:#fff;
		font-size:16px;
		border:0px;
	}

.login_page .login-btn:hover
	{
		border:0px;
		background:#2a2a2a;
	}

.login_page .forget 
	{
		font-size:15px;
		margin-top:40px;
	}

.login_page .forget a
	{
		color:#fff;
	}

.login_page .forget a i 
	{
		margin-left:10px;
	}

/* Login 2 */

.login-banner 
	{
		background:url(../img/slideshow/14.jpg);
	}

.login-form form 
	{
		margin-top:20px;
	}

.login-form h2 
	{
		margin-bottom:40px;
		font-weight:300;
	}

.login-form input[type="text"],
.login-form input[type="password"]
	{
		width:100%;
		margin-bottom:10px;
		padding:8px 12px;
		font-size:18px;
		background:rgba(255,255,255,0.2);
	}

.login-form .login-btn 
	{
		padding:10px 0px;
		color:#fff;
		font-size:16px;
		border:0px;
		width:100%;
		text-transform:uppercase;
	}

.login-form .login-btn:hover 
	{
		border:0px;
		background:#2a2a2a;
	}

.login-form .forget
	{
		font-size:15px;
		margin-top:40px;
	}

/* Login 3 */

.login_page_2
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.login-background-2
	{
		background: url(../img/background/banner.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.login_page_2 .transparent-bg
	{
		background:rgba(0,0,0,0.5);
	}

.login-bg
	{
		background:#2a2a2a;
		padding:30px 20px;
		color:#fff;
		text-align:left;
	}

.login-bg h4
	{
		color:#ffffff;
		font-weight:300;
		text-transform:uppercase;
		float:left;
	}

.login-bg h5 a
	{
		text-align:right;
		float:right;
		font-style:italic;
	}

.login-bg form 
	{
		width:100%;
		display:block;
		overflow:hidden;
		font-weight:300;
	}

.login-bg form label 
	{
		font-weight:300;
		font-size:18px;
	}

.login-bg form a 
	{
		text-align:center;
		font-size:17px;
		margin-top:20px;
		display:inline-block;
	}

.login-bg form a:hover
	{
		color:#fff;
	}

.login-bg input[type="text"],
.login-bg input[type="password"]
	{
		width:100%;
		margin-bottom:10px;
		background:rgba(255,255,255,1);
		padding:10px 15px;
		color:#666;
		font-size:18px;
	}

.login_page input:focus[type="text"],
.login_page input:focus[type="password"]
	{
		background:rgba(255,255,255,0.4);
	}

.login-bg .login-btn 
	{
		color:#fff;
		font-size:17px;
		padding:10px 0px;
		border:0px;
		width:100%;
		margin-top:10px;
	}

.login-bg .login-btn:hover
	{
		border:0px;
		background:#222222;
	}

/* ! Sign Up ! */

/* Sign up 01 */
.full-bg 
	{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width:100%;
		height:100%;
		position: fixed;
		top:0;
		left:0;
		z-index:2;
		overflow:auto;
	}

.black-transparent-fullscreen 
	{
		width:100%;
		height:100%;
		position: relative;
		z-index:3;
		background:rgba(0,0,0,0.7);
		display:table;
		overflow:hidden;
		padding:40px 0;
	}
	
.sign-page-onepage
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		color:#fff;
	}

.slide-absolutre .cbp-bislideshow
	{
	  list-style: none;
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 1;
	  padding: 0;
	  margin: 0;
	}

.slide-absolutre .cbp-bislideshow li
	{
	  position: absolute;
	  width: 101%;
	  height: 101%;
	  opacity: 0;
	  -webkit-transition: opacity 1s;
	  -moz-transition: opacity 1s;
	  transition: opacity 1s;
	}

.backgroundsize .cbp-bislideshow li 
	{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		background-position: center center;
	}

.backgroundsize .cbp-bislideshow li img 
	{
		display: none;
	}

.cbp-bislideshow li img 
	{
		display: block;
		width: 100%;
	}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child 
	{
		opacity: 1;
	}

.no-js.backgroundsize .cbp-bislideshow li:first-child img 
	{
		display: block;
	}

.sign-page-onepage h2
	{
		font-weight:300;
		text-transform:uppercase;
		color:#fff;
		margin:60px 0 20px 0;
	}

.sign-page-onepage h5 a
	{
		text-align:right;
		float:right;
		font-style:italic;
	}

.sign-page-onepage form
	{
		width:100%;
		display:block;
		overflow:hidden;
		font-weight:300;
	}

.sign-page-onepage form a
	{
		margin-top:20px;
		font-weight:700;
	}

.sign-page-onepage form a:hover 
	{
		color:#2a2a2a;
	}

.sign-page-onepage form a:hover 
	{
		color:#666;
	}

.sign-page-onepage input[type="text"],
.sign-page-onepage input[type="password"]
	{
		width:100%;
		margin-bottom:10px;
		background:rgba(255,255,255,0.2);
		padding:10px 15px;
		color:#666;
		font-size:15px;
		border:none;
	}

.sign-page-onepage input:focus[type="text"], 
.sign-page-onepage input:focus[type="password"] 
	{
		background:rgba(255,255,255,0.9);
	}

.sign-page-onepage .login-btn
	{
		color:#fff;
		font-size:15px;
		text-transform:uppercase;
		padding:10px 0px;
		border:0px;
		width:100%;
		margin:10px 0;
	}

.sign-page-onepage .login-btn:hover 
	{
		border:0px;
		background:#222222;
	}

/* Sign up 02 */
.sign_up_2 
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.sign-up-background 
	{
		background: url(../img/background/landpage_fixed.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.sign-bg
	{
		background:#fff;
		padding:20px 20px 30px 20px;
		text-align:left;
	}

.sign-bg h2 
	{
		font-weight:300;
		text-transform:uppercase;
	}

.login-bg h5 a 
	{
		text-align:right;
		float:right;
		font-style:italic;
	}

.sign-bg form 
	{
		width:100%;
		display:block;
		overflow:hidden;
		font-weight:300;
	}

.sign-bg form label 
	{
		font-weight:300;
		font-size:18px;
	}

.sign-bg form a 
	{
		margin-top:20px;
		font-weight:700;
	}

.sign-bg form a:hover 
	{
		color:#2a2a2a;
	}

.sign-bg input[type="text"], 
.sign-bg input[type="password"]
	{
		width:100%;
		margin-bottom:10px;
		background:rgba(255,255,255,1);
		padding:10px 15px;
		color:#666;
		font-size:14px;
	}

.sign-bg input:focus[type="text"],
.sign-bg input:focus[type="password"] 
	{
		background:rgba(255,255,255,0.4);
	}

.sign-bg .login-btn 
	{
		color:#fff;
		font-size:15px;
		text-transform:uppercase;
		padding:10px 0px;
		border:0px;
		width:100%;
		margin:10px 0;
	}

.sign-bg .login-btn:hover 
	{
		border:0px;
		background:#222222;
	}

/* Sign up 3 */

.sign-up-page 
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		
	}

.sign-up-background-2
	{
		background: url(../img/background/video_bg.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.sign-up-page h2
	{
		color:#ffffff;
		font-weight:300;
		margin:60px 0 40px 0;
	}

.sign-up-img img 
	{
		margin:0 auto;
		opacity:0.9;
	}
.sign-up-img img:hover
	{
		margin:0 auto;
		opacity:1;
	}

.sign-up-page .forget 
	{
		margin-top:20px;
	}
.sign-up-page p 
	{
		color:#fff;
		font-size:14px;
	}


/* ** Under Construction ** */

/* Page 01 */
/*  CountDown  */

#clock-ticker 
	{ 
		display: block; 
		width:100%;
		margin:0 auto;
		margin-top: 60px;
		margin-bottom:20px;
	}

#clock-ticker .block
	{ 
		position: relative; 
		color: #fff; 
		font-weight: 400;
		display:inline-block;
		margin-right: 5px;
		padding:15px;
		border-width:2px;
		border-style:solid;
	}

#clock-ticker .block .flip-top 
	{ 
		width: 75px; 
		height: 32px; 
		line-height: 74px; 
		font-size: 70px; 
		text-align: center; 
		display:block 
	}

#clock-ticker .block .flip-btm
	{ 
		width: 75px; 
		height: 33px; 
		text-align: center; 
		display:block 
	}

#clock-ticker .block .label
	{ 
		color: #fff; 
		font-weight: 300; 
		font-size: 16px; 
		text-transform: uppercase; 
		width: 75px; 
		line-height: 35px; 
		text-align: center; 
		margin-top:20px;
	}

.countdown 
	{
		color:#ccc;
		font-weight:300;
	}

.countdown a
	{
		text-decoration:underline;
	}

.countdown-bottom .social-network-footer_2 
	{
		margin:0 auto;
		float:none;
		margin-top:40px;
	}

.countdown-bottom .social-network-footer_2 li i 
	{
		font-size:40px;
	}

/* Page 2 */
.construction-background
	{
		margin:0 auto;
		width:100%;
		padding:0;
		height:100%;
		position:relative;
		background: url(../img/background/clients.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.construction-background .transparent-bg 
	{
		background:rgba(0,0,0,0.7);
	}

.construction-background h3
	{
		color:#ffffff;
		text-transform:uppercase;
		font-weight:300;
	}

.construction-background span.line span
	{
		width: 120px;
		height: 2px;
		display: inline-block;
		background:#ffffff;
	}

.construction-background .title-slide-bold
	{
		color:#ffffff;
		font-size:80px;
		line-height:80px;
		margin-top:60px;
		margin-bottom:20px;
	}

.construction-background h3.slogan-text
	{
		color:#ffffff;
		font-weight:300;
		text-transform:capitalize;
		margin-bottom:40px;
	}

/* Page 3 */
.construction-page-2 
	{
		display: table-cell;
		vertical-align:middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.construction-fixed 
	{
		background: url(../img/slideshow/12.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.construction-page-2 h2
	{
		font-weight:300;
		text-transform:uppercase;
		color:#fff;
		margin-top:40px;
	}

.construction-page-2 #clock-ticker
	{ 
		margin-top: 40px;
	}

.construction-page-2 .block 
	{
		margin-bottom:10px;
	}

.construction-page-2 form
	{
		margin-top:40px;
		text-align:left;
		color:#ccc;
	}

.construction-page-2 form input[type="text"],
.construction-page-2 form textarea
	{
		width:100%;
		margin-bottom:10px;
		background:rgba(255,255,255,0.4);
		padding:10px 15px;
		color:#666;
		font-size:15px;
		border:none;
	}

.construction-page-2 form input:focus[type="text"],
.construction-page-2 form textarea:focus 
	{
		background:rgba(255,255,255,0.9);
	}

.construction-page-2 form button 
	{
		width:100%;
		color:#fff;
		border:none;
		outline:none;
	}

.construction-page-2 form button:hover 
	{
		background:#222222;
	}

/*  ==  Sitemap Pages == */

/* Sitemap 01 */
.sitemap-banner
	{
		background-image:url(../img/background/fullbackground.jpg);
	}

.sitemap-content ul 
	{
		list-style:none;
		margin:0;
		padding:0;
	}

.sitemap-content ul ul
	{
		margin-left:20px;
	}

.sitemap-content ul ul ul
	{
		 margin-left:40px;
	}

.sitemap-content ul ul ul ul 
	{
		 margin-left:60px;
	}

.sitemap-content ul li
	{
		text-align:left;
		line-height:30px;
	}

.sitemap-content ul li i 
	{
		margin-right:5px;
	}

.sitemap-content h2
	{
		font-weight:300;
		text-transform:uppercase;
		margin-bottom:40px;
	}

.sitemap-content h2 span 
	{
		font-size:24px;
		line-height:50px;
		width:50px;
		height:50px;
		color:#fff;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%;
		display: block;
		margin: 0 auto;
		margin-bottom:20px;
	}

/* Sitemap 02 */
.sitemap-content-2 ul
	{
		list-style:none;
		margin:0;
		padding:0;
		margin-left:20px;
	}

.sitemap-content-2 ul ul 
	{
		margin-left:40px;
	}

.sitemap-content-2 ul ul ul 
	{
		 margin-left:60px;
	}

.sitemap-content-2 ul ul ul ul
	{
		 margin-left:80px;
	}

.sitemap-content-2 ul li
	{
		text-align:left;
		line-height:30px;
	}

.sitemap-content-2 ul li i 
	{
		margin-right:5px;
	}

.sitemap-content-2 h2 
	{
		font-weight:300;
		text-transform:uppercase;
		margin-bottom:40px;
	}

.sitemap-content-2 h2 span
	{
		font-size:24px;
		line-height:50px;
		width:50px;
		height:50px;
		color:#fff;
		-webkit-border-radius:50%; 
		-moz-border-radius:50%; 
		border-radius:50%;
		display: inline-block;
		margin-bottom:20px;
		text-align:center;
	}

/* == Register == */

.register-bg 
	{
		background-image:url(../img/slideshow/14.jpg);
	}

/* -------------------------------------------------------------------
12. [Shortcodes]
--------------------------------------------------------------------*/
/* General */
.shortcodes-banner 
	{
		background-image:url(../img/background/pw_maze_black.png);
		background-repeat:repeat;
		margin:0 auto;
		width:100%;
		padding:0;
		height:200px;
		position:relative;
	}

.shortcodes-banner h1
	{
		color:#fff;
		text-transform:uppercase;
	}

.shortcodes-banner .transparent-bg
	{
		background:rgba(0,0,0,0);
	}

.shortcodes-title
	{
		font-weight:300;
		text-transform:uppercase;
	}


/* Accodrion */

.panel-default a span 
	{
		margin-right:10px;
	}

#accordion2 a.panel-link 
	{
		background:#2a2a2a;
		color:#fff;
	}

.jumbotron p
	{
		font-size:18px;
	}

/* == BUTTONS == */

.btns-group 
	{
		margin-bottom:20px;
	}

.btns-group a
	{
		margin:0 10px 10px 0;
	}

.small-btn 
	{
		padding:5px 15px;
		text-transform:capitalize;
		color:#fff;
		display:inline-block;
	}

.medium-btn
	{
		padding:8px 24px;
		text-transform:capitalize;
		color:#fff;
		display:inline-block;
		font-size:18px;
	}

.big-btn 
	{
		padding:10px 40px;
		text-transform:capitalize;
		color:#fff;
		display:inline-block;
		font-size:24px;
	}

.small-btn:hover,
.medium-btn:hover,
.big-btn:hover
	{
		color:rgba(255,255,255,0.8);
	}

/* ! Button Backgrounds ! */
.alizarin-btn
	{
		background:#F54325;
	}

.pomegranate-btn 
	{
		background:#c1392b;
	}

.turqioise-btn 
	{
		background:#1abc9c;
	}

.green_sea-btn
	{
		background:#16a085;
	}

.emerald-btn 
	{
		background:#2ecc71;
	}

.nephritis-btn 
	{
		background:#2ecc71;
	}

.peter_river-btn 
	{
		background:#3498db;
	}

.belize_hole-btn 
	{
		background:#2980b9;
	}

.amethyst-btn
	{
		background:#9b59b6;
	}

.wisteria-btn
	{
		background:#8e44ad;
	}

.wet_asphalt-btn
	{
		background:#34495e;
	}

.midnight_blue-btn
	{
		background:#2c3e50;
	}

.sun_flower-btn 
	{
		background:#f1c40f;
	}

.orange-btn
	{
		background:#f39c12;
	}

.carrot-btn
	{
		background:#e67e22;
	}

.pumpkin-btn
	{
		background:#d35400;
	}

.brown-btn 
	{
		background:#ad8255;
	}

.concrete-btn
	{
		background:#95a5a6;
	}

.asbestos-btn
	{
		background:#7f8c8d;
	}

.silver-btn 
	{
		background:#bdc3c7;
	}

/* !  Button Borders ! */
.alizarin-border 
	{
		border:1px solid #F54325;
		color:#666;
	}

.pomegranate-border
	{
		border:1px solid #c1392b;
		color:#666;
	}

.turqioise-border
	{
		border:1px solid #1abc9c;
		color:#666;
	}

.green_sea-border 
	{
		border:1px solid #16a085;
		color:#666;
	}

.emerald-border
	{
		border:1px solid #2ecc71;
		color:#666;
	}

.nephritis-border
	{
		border:1px solid #2ecc71;
		color:#666;
	}

.peter_river-border 
	{
		border:1px solid #3498db;
		color:#666;
	}

.belize_hole-border
	{
		border:1px solid #2980b9;
		color:#666;
	}

.amethyst-border 
	{
		border:1px solid #9b59b6;
		color:#666;
	}

.wisteria-border
	{
		border:1px solid #8e44ad;
		color:#666;
	}

.wet_asphalt-border 
	{
		border:1px solid #34495e;
		color:#666;
	}

.midnight_blue-border
	{
		border:1px solid #2c3e50;
		color:#666;
	}

.sun_flower-border
	{
		border:1px solid #f1c40f;
		color:#666;
	}

.orange-border
	{
		border:1px solid #f39c12;
		color:#666;
	}

.carrot-border
	{
		border:1px solid #e67e22;
		color:#666;
	}

.pumpkin-border
	{
		border:1px solid #d35400;
		color:#666;
	}

.brown-border
	{
		border:1px solid #ad8255;
		color:#666;
	}

.concrete-border
	{
		border:1px solid #95a5a6;
		color:#666;
	}

.asbestos-border 
	{
		border:1px solid #7f8c8d;
		color:#666;
	}

.silver-border 
	{
		border:1px solid #bdc3c7;
		color:#666;
	}

.alizarin-border:hover,
.pomegranate-border:hover,
.turqioise-border:hover,
.green_sea-border:hover,
.emerald-border:hover, 
.nephritis-border:hover,
.peter_river-border:hover,
.belize_hole-border:hover,
.amethyst-border:hover,
.wisteria-border:hover, 
.wet_asphalt-border:hover,
.midnight_blue-border:hover,
.sun_flower-border:hover,
.orange-border:hover, 
.carrot-border:hover,
.pumpkin-border:hover,
.brown-border:hover,
.concrete-border:hover,
.asbestos-border:hover, 
.silver-border:hover
	{
		color:rgba(102,102,102,0.8);
	}

.corner-btns
	{
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}

.small-btn span, 
.medium-btn span, 
	.big-btn span {
		margin-right:10px;
	}

.full-width-btn 
	{
		display:block;
		text-align:center;
	}

/* === Dividers === */

.divider
	{
		width:100%;
		display:block;
		position:relative;
		padding-bottom:20px;
		margin-bottom:20px;
	}

.divider-dashed
	{
		border-bottom-style:dashed;
		border-bottom-width:1px;
	}

.divider-solid 
	{
		border-bottom-style:solid;
		border-bottom-width:1px;
	}

.divider-dotted
{
	border-bottom-style: dotted;
	border-bottom-width:2px;
}

.divider-3 
	{
		border-bottom-width:3px;
	}

/*.divider-img-1
	{
		background: url(../img/divider_1.png) no-repeat bottom center;
	}*/

.divider-img-1
{
	background: url("../img/banners/line.png") no-repeat bottom center;
}
.divider-img-2 
	{
		background: url(../img/divider_2.png) no-repeat bottom center;
	}

/* ! Fancy Box */
.inline-fancybox 
	{
		width:320px;
		padding:10px;
		display:none;
	}
	
.box-color-1 a, 
.box-color-2 a,
.box-color-3 a,
.box-color-4 a,
.box-color-5 a,
.box-color-6 a, 
.box-color-7 a, 
.box-color-8 a 
	{
		color:#fff;
	}

.box-color-1 
	{
		background:#3498db;
		text-align:center;
		padding:30px 0;
	}

.box-color-2 
	{
		background:#2980b9;
		text-align:center;
		padding:30px 0;
	}

.box-color-3
	{
		background:#9b59b6;
		text-align:center;
		padding:30px 0;
	}

.box-color-4
	{
		background:#8e44ad;
		text-align:center;
		padding:30px 0;
	}

.box-color-5 
	{
		background:#bb0000;
		text-align:center;
		padding:30px 0;
	}

.box-color-6
	{
		background:#74ccdb;
		text-align:center;
		padding:30px 0;
	}

.box-color-7 
	{
		background:#f50;
		text-align:center;
		padding:30px 0;
	}

.box-color-8 
	{
		background:#c7c5b3 ;
		text-align:center;
		padding:30px 0;
	}


/*  Media */
.video-html5
	{
		width:100%;
		height:100%;
	}
	
	

.bord-bottom 
	{
		border-bottom-width:3px;
		border-bottom-style:solid;
	}

/* Panels */
.panel-title span
	{
		margin-right:10px;
	}

/* Pricing Tables */
.pricing-off-marg .col-md-4,
.pricing-off-marg .col-md-3,
.pricing-off-marg .col-sm-12,
.pricing-off-marg .col-xs-12
	{
		padding-left:1px;
		padding-right:1px;
	}

.green-price h3, 
.green-price a.action_button
	{
		background:#1abc9c;
	}

.wet-asphelt-price h3,
.wet-asphelt-price a.action_button
	{
		background:#34495e;
	}

.green-price a:hover.action_button, 
.wet-asphelt-price a:hover.action_button 
	{
		color:rgba(255,255,255,0.8)
	}

.cricle-icons li i, 
.cricle-icons li img 
	{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

.radius-icons li i,
.radius-icons li img
	{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}

.white-icons li i
	{
		color:#fff;
	}

.social-network-footer img:hover 
	{
		opacity:0.8;
	}

/* == Testimonials List == */

.testimonial-item-list
	{
		padding-bottom:20px;
		padding-top:20px;
	}

.testimonial-item-list img 
	{
		width:150px;
		height:150px;
		border:10px solid rgba(255,255,255,0.5);
		margin:0 auto;
	}

.testimonial-item-list h2 
	{
		text-transform:uppercase;
		margin-bottom:5px;
		font-size:24px;
	}

.testimonial-item-list h4,
.testimonial-item-list p span
	{
		color:#666;
		font-size:18px;
	}

.testimonial-item-list blockquote 
	{
		font-size:24px;
		margin-top:20px;
		font-weight:300;
		font-style:italic;
		line-height:30px;
		border-left:0px;
		padding:0;
	}

.testimonial-item-list blockquote span i.fa-quote-left
	{
		position:relative;
		top:-10px;
		font-size:14px;
		padding-right:10px;
	}

.testimonial-item-list blockquote span i.fa-quote-right 
	{
		position:relative;
		top:10px;
		font-size:14px;
		padding-left:10px;
	}

.testimonial-item-list h4
	{
		font-weight:300;
		font-style:italic;
	}

/* = Toggles == */

/* Toggle Style 01 */
.toggle_01 .panel-default a.accordion-toggle 
	{
		display:block;
		width:100%;
		padding:15px;
		font-size:16px;
		text-transform:uppercase;
		border-bottom-width:1px;
		border-bottom-style:none;
	}

.toggle_01 .panel-default a.accordion-toggle i
	{
		float:right;
		font-size:18px
	}

.toggle_01 .panel-body 
	{
		padding:10px;
	}

/*  Toggle Style 02 */
.toggle_02 .panel-default a.accordion-toggle
	{
		display:block;
		width:100%;
		padding:15px;
		font-size:17px;
		text-transform: capitalize;
		border-width:1px;
		border-color: transparent;
		border-style:solid;
		background:#2a2a2a;
		font-weight:300;
		color:#fff;
	}

.toggle_02 .panel-default a.accordion-toggle i
	{
		float:left;
		font-size:18px;
		margin-right:10px;
		line-height:22px;
		background:#666;
		padding:0 5px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		position:relative;
		top:2px;
	}

.toggle_02 .panel-body
	{
		padding:10px;
		font-size:14px;
	}

/* Blockquote style 01 */
.blockquote-bg
	{
		border-left:none;
		padding:15px;
		margin:20px 0;
	}

.blockquote-bg i 
	{
		margin:0 10px 0 0;
		position:relative;
		top:-5px;
		color:#e8e8e8;
	}

/* Blockquote style 02 */
.blockquote-colorful
	{
		border-left:none;
		padding:15px;
		margin:20px 0;
		color:#fff;
	}

.blockquote-colorful i
	{
		margin:0 10px 0 0;
		position:relative;
		top:-5px;
	}
	

/* -------------------------------------------------------------------
13. [Sidebar]		
--------------------------------------------------------------------*/
/* !Search ! */
.search input-group-btn:last-child>.btn 
	{
		background-color:#f8f8f8;
		border:1px solid #e8e8e8;
	}

.search .form-control
	{
		border-width:1px;
		border-style:solid;
		color:#8a8a8a;
		box-shadow:none;
	}

.search .form-control:focus 
	{
		box-shadow:none;
	}

/* ! Heads ! */
.head-sidebar
	{
		text-transform:uppercase;
		padding:10px 0;
		font-size:22px;
		font-weight:300;
		margin-bottom:20px;
		border-bottom-style:solid;
		border-bottom-width:2px;
	}

.head-sidebar p
	{
		margin-bottom:0px;
		padding:0 0px 0 20px; 
		display:inline-block;
	}

.dropcap2 
	{
		float:left;
		width:40px;
		height:40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		margin:0 20px 0 0;
		text-align:center;
		font-size:20px;
		line-height:40px;
	}

.dropcap3
	{
		float:left;
		width:60px;
		height:60px;
		margin:0 20px 0 0;
		text-align:center;
		font-size:30px;
		line-height:60px;
		background:#2a2a2a;
		color:#fff;
	}


/* ! Social-Network ! */
.social-network
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}

.social-network li
	{
		display:block;
		margin-bottom:1px;
	}

.social-network li a 
	{
		padding:5px 15px;
		display:block;
		font-size:14px;
	}

.social-network li a span 
	{
		margin-right:20px;
	}

.social-network li a:hover 
	{
		color:#fff;
	}

.social-network li a.facebook:hover
	{
		background:#3b5998;
	}

.social-network li a.twitter:hover 
	{
		background:#00aced;
	}

.social-network li a.youtube:hover
	{
		background:#bb0000;
	}

.social-network li a.dribbble:hover
	{
		background:#E44885;
	}

.social-network li a.rss:hover
	{
		background:#FFA133;
	}

/* ! Category ! */

.category-list ul 
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}

.category-list li a span 
	{
		margin-right:5px;
		position:relative;
		top:1px;
	}

/* ! Tabs ! */
.nav-tabs3
	{
		width:100%;
		border-bottom:none;
		text-align:center;
		margin-bottom:0;
		border-bottom-style:solid;
		border-bottom-width:2px;
	}

.nav-tabs3 li 
	{
		margin:0 auto;
		float:left;
		display:inline-block;
		margin:0 1px 0 0;
	}

.nav-tabs3>li>a 
	{
		display:block;
		text-align:center;
		border:none;
		font-size:14px;
		text-transform:uppercase;
		padding: 4px 14px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 14px;
		margin:0;
	}

.nav-tabs3>li.active>a 
	{
		color:#fff;
	}

.tab-content3 
	{
		color:#666;
	}

.tab-content3 ul 
	{
		margin:20px 0 0 0;
		padding:0;
		list-style:none;
	}

.tab-content3 ul li
	{
		display:block;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom-style:solid;
		border-bottom-width:1px;
		font-size:13px;
	}

.tab-content3 ul li:last-child 
	{
		border-bottom:none;
		padding-bottom:0px;
		margin-bottom:0px;
	}

.tab-content3 ul li a 
	{
		display:block;
		color:#666;
	}

.tab-content3 ul li span 
	{
		margin-right:5px;
	}

.tab-content3 ul li span:last-child 
	{
		margin-left:20px;
		position:relative;
		top:2px;
	}

/* ! Tags ! */
.tags-list ul, 
.portfolio-description ul 
	{
		margin:0;
		padding:0;
		list-style-type:none;
		overflow:hidden;
	}

.tags-list ul li, 
.portfolio-description ul li
	{
		margin-right:1px;
		margin-bottom:1px;
		float:left;
	}


.tags-list ul li:last-child,
.portfolio-description ul li:last-child
	{
		margin-right:0px;
		margin-bottom:0px;
	}

.tags-list ul li a,
.portfolio-description ul li a
	{
		text-transform:capitalize;
		padding:3px 12px;
		display:inline-block;
	}

.tags-list ul li a:hover,
.portfolio-description ul li a:hover 
	{
		color:#fff;
	}

/* ! Vimeo ! */
.sidebar .vimeo 
	{
		width:100%;
		height:150px;
	}

/* -------------------------------------------------------------------
14. [Other]
--------------------------------------------------------------------*/
aside .social-network li 
	{
		margin-bottom:1px;
	}

aside .nav-tabs3 li
	{
		margin-bottom:0px;
	}

.icons-fontawesome h2 
	{
		text-transform:uppercase;
		font-weight:300;
	}

.tab-content .carousel-control 
	{
		background:rgba(0,0,0,0.1);
	}

/* ========== END ======== */
/* Last Modified 4-10-2014 */